@dsivd/prestations-ng 15.4.9 → 15.5.0-beta1

package/fesm2015/dsivd-prestations-ng.mjs

@@ -1069,7 +1069,7 @@ class FoehnInputComponent {
         this.blurHandler = new EventEmitter();
         // eslint-disable-next-line @angular-eslint/no-output-native,@angular-eslint/no-output-rename
         this.focusHandler = new EventEmitter();
-        this.userInputObservable = new Subject();
+        this.userInputSubject = new Subject();
         this.validationHandlerService = ServiceLocator.injector.get(ValidationHandlerService);
         this.required = false;
         this.validationErrorsSubjectSubscription = combineLatest([
@@ -1088,13 +1088,20 @@ class FoehnInputComponent {
     set model(value) {
         this.onModelChange(value);
     }
+    // eslint-disable-next-line @typescript-eslint/member-ordering
+    get disabled() {
+        return this._disabled;
+    }
+    set disabled(value) {
+        this._disabled = value;
+    }
     ngOnInit() {
         // Ensures that the host has an Id for instrumentalization of the DOM by automated tests.
         this.hostId = this.buildId();
         this.showClearButton = this.modelChange
             .asObservable()
-            .pipe(map(model => this.clearButton && !!model && !this.disabled));
-        this.userInputSubscription = this.userInputObservable
+            .pipe(map(model => this.clearButton && !!model && !this._disabled));
+        this.userInputSubscription = this.userInputSubject
             .pipe(
         // This is used to ensure that we only catch the latest of multiple
         // quick updates, and to make sure the userInput is fired when
@@ -1120,10 +1127,12 @@ class FoehnInputComponent {
     }
     updateNgModel(value) {
         this.model_ = value;
-        this.modelChange.emit(value);
+        if (!this._disabled) {
+            this.modelChange.emit(value);
+        }
     }
     hasErrorsToDisplay() {
-        return (this.hasErrors() && (!this.disabled || this.showErrorWhenDisabled));
+        return (this.hasErrors() && (!this._disabled || this.showErrorWhenDisabled));
     }
     hasErrors() {
         return this._errors && this._errors.length > 0 && this.isPristine();
@@ -1296,7 +1305,7 @@ class FoehnInputComponent {
     subComponents
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     ) {
-        const foehnInputComponents = subComponents.filter(item => item.inputElement && !item.disabled);
+        const foehnInputComponents = subComponents.filter(item => item.inputElement && !item._disabled);
         if (!!foehnInputComponents && foehnInputComponents.length) {
             return foehnInputComponents[0];
         }
@@ -1320,13 +1329,15 @@ class FoehnInputComponent {
         // If the callback is defined
         !!this.userInput &&
             // If the value is actually something (T or null)
-            typeof value !== 'undefined') {
-            this.userInputObservable.next(value);
+            typeof value !== 'undefined' &&
+            // If input isn't disabled
+            !this._disabled) {
+            this.userInputSubject.next(value);
         }
     }
 }
 FoehnInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FoehnInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-FoehnInputComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: FoehnInputComponent, inputs: { id: "id", required: "required", label: "label", isLabelSrOnly: "isLabelSrOnly", helpText: "helpText", name: "name", pattern: "pattern", labelStyleModifier: "labelStyleModifier", customErrors: "customErrors", maxlength: "maxlength", overrideGesdemMaxlength: "overrideGesdemMaxlength", min: "min", max: "max", autocomplete: "autocomplete", disabled: "disabled", preventPaste: "preventPaste", clearButton: "clearButton", excludeFromErrorSummary: "excludeFromErrorSummary", hideNotRequiredExtraLabel: "hideNotRequiredExtraLabel", isErrorInherited: "isErrorInherited", showErrorWhenDisabled: "showErrorWhenDisabled", autocapitalize: "autocapitalize", helpModal: "helpModal", model: "model" }, 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: FoehnInputComponent, descendants: true }], ngImport: i0 });
+FoehnInputComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: FoehnInputComponent, inputs: { id: "id", required: "required", label: "label", isLabelSrOnly: "isLabelSrOnly", 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", 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: FoehnInputComponent, descendants: true }], ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FoehnInputComponent, decorators: [{
             type: Directive
         }], ctorParameters: function () { return []; }, propDecorators: { id: [{
@@ -1357,8 +1368,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 type: Input
             }], autocomplete: [{
                 type: Input
-            }], disabled: [{
-                type: Input
             }], preventPaste: [{
                 type: Input
             }], clearButton: [{
@@ -1401,6 +1410,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 args: ['attr.id']
             }], model: [{
                 type: Input
+            }], disabled: [{
+                type: Input
             }] } });
 
 const DEFAULT_DICTIONARY = {
@@ -1562,7 +1573,8 @@ const DEFAULT_DICTIONARY = {
     'foehn-textarea.chars-remaining.exceeded': 'Vous avez dépassé le nombre de caractères autorisés de {charCountLeft}',
     'foehn-upload-progress-bar.title': 'Traitement de votre envoi',
     'foehn-upload-progress-bar.upload': 'Enregistrement en cours...',
-    'foehn-upload-progress-bar.analysis': 'Analyse en cours... Merci de patienter.'
+    'foehn-upload-progress-bar.analysis': 'Analyse en cours... Merci de patienter.',
+    'errors.NotNull': 'Ce champ doit être rempli'
 };
 
 const DICTIONARY_BASE_URL = 'api/dictionary';
@@ -3952,10 +3964,10 @@ class GesdemConfirmationComponent {
     }
 }
 GesdemConfirmationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: GesdemConfirmationComponent, deps: [{ token: GesdemHandlerService }, { token: FoehnPageService }, { token: i1$1.ActivatedRoute }, { token: SdkDictionaryService }, { token: i3.Location }], target: i0.ɵɵFactoryTarget.Component });
-GesdemConfirmationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: GesdemConfirmationComponent, selector: "gesdem-confirmation", inputs: { reference: "reference", setPageTitle: "setPageTitle", hasEmailSent: "hasEmailSent", closeHref: "closeHref", showDownloadPdfRecapButton: "showDownloadPdfRecapButton", showLinkToMyDemandes: "showLinkToMyDemandes", demandeIsClosedOnTransmit: "demandeIsClosedOnTransmit", actionStatut: "actionStatut", connectedConfirmationMessage: "connectedConfirmationMessage", connectedConfirmationMessageIfAbandoned: "connectedConfirmationMessageIfAbandoned", downloadPdfRecapButtonText: "downloadPdfRecapButtonText", closeButtonText: "closeButtonText", baseUrlPdf: "baseUrlPdf", hideReference: "hideReference" }, 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=\"font-weight-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\"\n        *ngIf=\"(isConnectedCyber | async) && hasConnectedContent()\"\n    >\n        <span\n            class=\"sr-only\"\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                    \"\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                    >\n                        {{ 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                    >\n                        {{ 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=\"ml-0 mr-md-auto mr-md-2 mb-2 mt-2\">\n            <a\n                *ngIf=\"showDownloadPdfRecapButton\"\n                [href]=\"urlPdf\"\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=\"mr-0 ml-md-auto mb-2 mt-2\"\n            *ngIf=\"!(isConnectedCyber | async) && closeLink | async as link\"\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=\"mr-0 ml-md-auto mb-2 mt-2\"\n            *ngIf=\"!!(isConnectedCyber | async)\"\n        >\n            <a\n                href=\"/100018/logout\"\n                id=\"logoutBtn\"\n                class=\"btn btn-primary w-100\"\n            >\n                {{ 'gesdem-confirmation.logout-button' | 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=\"font-weight-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\">\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", components: [{ type: FoehnIconInfoCircleComponent, selector: "foehn-icon-info-circle" }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1$1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }], pipes: { "fromDictionary": SdkDictionaryPipe, "async": i3.AsyncPipe } });
+GesdemConfirmationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: GesdemConfirmationComponent, selector: "gesdem-confirmation", inputs: { reference: "reference", setPageTitle: "setPageTitle", hasEmailSent: "hasEmailSent", closeHref: "closeHref", showDownloadPdfRecapButton: "showDownloadPdfRecapButton", showLinkToMyDemandes: "showLinkToMyDemandes", demandeIsClosedOnTransmit: "demandeIsClosedOnTransmit", actionStatut: "actionStatut", connectedConfirmationMessage: "connectedConfirmationMessage", connectedConfirmationMessageIfAbandoned: "connectedConfirmationMessageIfAbandoned", downloadPdfRecapButtonText: "downloadPdfRecapButtonText", closeButtonText: "closeButtonText", baseUrlPdf: "baseUrlPdf", hideReference: "hideReference" }, 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=\"font-weight-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\"\n        *ngIf=\"(isConnectedCyber | async) && hasConnectedContent()\"\n    >\n        <span\n            class=\"sr-only\"\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                    \"\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=\"ml-0 mr-md-auto mr-md-2 mb-2 mt-2\">\n            <a\n                *ngIf=\"showDownloadPdfRecapButton\"\n                [href]=\"urlPdf\"\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=\"mr-0 ml-md-auto mb-2 mt-2\"\n            *ngIf=\"!(isConnectedCyber | async) && closeLink | async as link\"\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=\"mr-0 ml-md-auto mb-2 mt-2\"\n            *ngIf=\"!!(isConnectedCyber | async)\"\n        >\n            <a\n                href=\"/100018/logout\"\n                id=\"logoutBtn\"\n                class=\"btn btn-primary w-100\"\n            >\n                {{ 'gesdem-confirmation.logout-button' | 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=\"font-weight-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\">\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", components: [{ type: FoehnIconInfoCircleComponent, selector: "foehn-icon-info-circle" }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1$1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }], pipes: { "fromDictionary": SdkDictionaryPipe, "async": i3.AsyncPipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: GesdemConfirmationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gesdem-confirmation', 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=\"font-weight-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\"\n        *ngIf=\"(isConnectedCyber | async) && hasConnectedContent()\"\n    >\n        <span\n            class=\"sr-only\"\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                    \"\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                    >\n                        {{ 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                    >\n                        {{ 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=\"ml-0 mr-md-auto mr-md-2 mb-2 mt-2\">\n            <a\n                *ngIf=\"showDownloadPdfRecapButton\"\n                [href]=\"urlPdf\"\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=\"mr-0 ml-md-auto mb-2 mt-2\"\n            *ngIf=\"!(isConnectedCyber | async) && closeLink | async as link\"\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=\"mr-0 ml-md-auto mb-2 mt-2\"\n            *ngIf=\"!!(isConnectedCyber | async)\"\n        >\n            <a\n                href=\"/100018/logout\"\n                id=\"logoutBtn\"\n                class=\"btn btn-primary w-100\"\n            >\n                {{ 'gesdem-confirmation.logout-button' | 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=\"font-weight-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\">\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" }]
+            args: [{ selector: 'gesdem-confirmation', 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=\"font-weight-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\"\n        *ngIf=\"(isConnectedCyber | async) && hasConnectedContent()\"\n    >\n        <span\n            class=\"sr-only\"\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                    \"\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=\"ml-0 mr-md-auto mr-md-2 mb-2 mt-2\">\n            <a\n                *ngIf=\"showDownloadPdfRecapButton\"\n                [href]=\"urlPdf\"\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=\"mr-0 ml-md-auto mb-2 mt-2\"\n            *ngIf=\"!(isConnectedCyber | async) && closeLink | async as link\"\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=\"mr-0 ml-md-auto mb-2 mt-2\"\n            *ngIf=\"!!(isConnectedCyber | async)\"\n        >\n            <a\n                href=\"/100018/logout\"\n                id=\"logoutBtn\"\n                class=\"btn btn-primary w-100\"\n            >\n                {{ 'gesdem-confirmation.logout-button' | 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=\"font-weight-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\">\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" }]
         }], ctorParameters: function () { return [{ type: GesdemHandlerService }, { type: FoehnPageService }, { type: i1$1.ActivatedRoute }, { type: SdkDictionaryService }, { type: i3.Location }]; }, propDecorators: { reference: [{
                 type: Input
             }], setPageTitle: [{
@@ -4374,7 +4386,7 @@ class FoehnCheckableGroupComponent extends FoehnInputComponent {
         return this.elementLabel(element);
     }
     getDisabled(element) {
-        if (this.allElementDisabled) {
+        if (this.allElementDisabled || !!this.disabled) {
             return 'disabled';
         }
         if (typeof this.elementDisabled === 'string') {
@@ -4539,6 +4551,9 @@ class FoehnCheckableGroupComponent extends FoehnInputComponent {
             this.onElementsRetrieved();
             // Hack to refresh the display value
             this.updateNgModel(this.model_);
+            //  When elements are deferred from ngOnInit (i.e. pipe async is used)
+            //  Need to fire again 'elementsLoaded' otherwise only 'null' value is sent
+            this.elementsLoaded.next(change.currentValue);
         }
         else if (change &&
             !ObjectHelper.isEqual(change.currentValue, change.previousValue)) {
@@ -5904,6 +5919,8 @@ class FoehnAutocompleteComponent extends FoehnCheckableGroupComponent {
         this.itemHeightInSuggestionListInPx = 40;
         this.caseSensitiveSearch = false;
         this.hideSuggestions = true;
+        this.pendingDisabledSubject = new BehaviorSubject(false);
+        this.elementsLoadedSubject = new BehaviorSubject(false);
         this.currentItemGlobalIndex = -1;
         this.NB_ITEMS_VISIBLE = 5;
         this.filterSubject = new Subject();
@@ -5913,9 +5930,24 @@ class FoehnAutocompleteComponent extends FoehnCheckableGroupComponent {
         this.filterSubcription = this.filterSubject
             .pipe(debounceTime(200))
             .subscribe(this.filterElements.bind(this));
+        // Need to subscribe on EventEmitter 'elementsLoaded' otherwise elements with HTML does not work...
+        this.elementsLoadedSubscription = this.elementsLoaded
+            .asObservable()
+            .pipe(map(elems => !!elems))
+            .subscribe(loaded => this.elementsLoadedSubject.next(loaded));
+        this.disabledSubject = combineLatest([
+            this.pendingDisabledSubject.asObservable(),
+            this.elementsLoadedSubject.asObservable()
+        ]).pipe(map(([disabled]) => (disabled ? 'disabled' : null)));
         this.VIEW_PORT_HEIGHT =
             this.itemHeightInSuggestionListInPx * this.NB_ITEMS_VISIBLE;
     }
+    get disabled() {
+        return this.pendingDisabledSubject.value;
+    }
+    set disabled(value) {
+        this.pendingDisabledSubject.next(value);
+    }
     ngOnInit() {
         super.ngOnInit();
         if (this.searchValueMinCharsCount === 0) {
@@ -5963,6 +5995,9 @@ class FoehnAutocompleteComponent extends FoehnCheckableGroupComponent {
         if (this.modelChangeSubscription) {
             this.modelChangeSubscription.unsubscribe();
         }
+        if (this.elementsLoadedSubscription) {
+            this.elementsLoadedSubscription.unsubscribe();
+        }
     }
     onInputFocus() {
         this.filterSubject.next(null);
@@ -6394,13 +6429,13 @@ class FoehnAutocompleteComponent extends FoehnCheckableGroupComponent {
     }
 }
 FoehnAutocompleteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FoehnAutocompleteComponent, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-FoehnAutocompleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: FoehnAutocompleteComponent, selector: "foehn-autocomplete", inputs: { searchValueMinCharsCount: "searchValueMinCharsCount", allowCustomValue: "allowCustomValue", customValueModelGenerator: "customValueModelGenerator", itemHeightInSuggestionListInPx: "itemHeightInSuggestionListInPx", elementSuggestionLabel: "elementSuggestionLabel", caseSensitiveSearch: "caseSensitiveSearch" }, providers: [
+FoehnAutocompleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: FoehnAutocompleteComponent, selector: "foehn-autocomplete", inputs: { searchValueMinCharsCount: "searchValueMinCharsCount", allowCustomValue: "allowCustomValue", customValueModelGenerator: "customValueModelGenerator", itemHeightInSuggestionListInPx: "itemHeightInSuggestionListInPx", elementSuggestionLabel: "elementSuggestionLabel", caseSensitiveSearch: "caseSensitiveSearch", disabled: "disabled" }, providers: [
         {
             provide: FoehnInputComponent,
             useExisting: forwardRef(() => FoehnAutocompleteComponent),
             multi: true
         }
-    ], viewQueries: [{ propertyName: "virtualScrollViewport", first: true, predicate: CdkVirtualScrollViewport, descendants: true }, { propertyName: "suggestionsList", first: true, predicate: ["suggestionsList"], descendants: true }, { propertyName: "inputElement", first: true, predicate: ["entryComponent"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<!--\n    Accessible autocomplete widget following the listbox combobox pattern.\n    ref: https://www.w3.org/TR/wai-aria-practices-1.1/examples/combobox/aria1.1pattern/listbox-combo.html\n-->\n<div\n    class=\"form-group autocomplete-form-group\"\n    [class.has-danger]=\"hasErrorsToDisplay()\"\n    [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n    [attr.aria-expanded]=\"shouldDisplayListbox()\"\n    [attr.aria-haspopup]=\"'listbox'\"\n    [attr.id]=\"buildId('Container')\"\n    tabindex=\"-1\"\n>\n    <label\n        [attr.for]=\"buildChildId()\"\n        *ngIf=\"!!label\"\n        [ngClass]=\"isLabelSrOnly ? 'sr-only' : labelStyleModifier\"\n        [attr.id]=\"buildChildId() + 'Label'\"\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\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    <div class=\"sr-only\">\n        Utilisez les fl\u00E8ches haut et bas pour naviguer dans la liste, puis la\n        touche Entrer pour s\u00E9lectionner une option.\n    </div>\n\n    <!-- Give screen reader users the total of results when then input changes. -->\n    <div\n        class=\"sr-only\"\n        aria-live=\"polite\"\n        role=\"status\"\n        aria-atomic=\"true\"\n        *ngIf=\"displayedElements && shouldDisplayListbox()\"\n    >\n        Nombre de r\u00E9sultats: {{ displayedElements.length }}\n        <!-- Trick to have NVDA re-reading this properly -->\n        <span>{{ notificationMessageUpdated ? ',' : ',,' }}</span>\n    </div>\n\n    <input\n        [class.is-invalid]=\"hasErrorsToDisplay()\"\n        class=\"form-control autocomplete\"\n        type=\"text\"\n        role=\"textbox\"\n        [name]=\"name || label\"\n        [attr.id]=\"buildChildId()\"\n        [attr.placeholder]=\"placeholder || null\"\n        [attr.disabled]=\"disabled ? 'disabled' : null\"\n        [attr.aria-describedby]=\"getDescribedBy()\"\n        [attr.aria-required]=\"required || null\"\n        [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n        [attr.autocomplete]=\"'off'\"\n        [attr.aria-activedescendant]=\"getActiveDescendantId()\"\n        [attr.aria-owns]=\"\n            shouldDisplayListbox() ? buildChildId() + 'Listbox' : null\n        \"\n        [attr.list]=\"buildChildId() + 'list'\"\n        [(ngModel)]=\"inputValue\"\n        (ngModelChange)=\"showSuggestionsWhenInputHasFocusAndIsEmpty($event)\"\n        (paste)=\"onPaste($event)\"\n        (focus)=\"onInputFocus()\"\n        (blur)=\"onInputBlur()\"\n        (keydown)=\"onKeyDown($event)\"\n        (click)=\"onInputClick()\"\n        autocomplete=\"off\"\n        #entryComponent\n    />\n\n    <button\n        type=\"button\"\n        *ngIf=\"displayClearButton() | async\"\n        class=\"autocomplete-clear-button btn\"\n        (click)=\"onClear()\"\n        [id]=\"buildChildId() + 'Clear'\"\n    >\n        <foehn-icon-times\n            class=\"autocomplete-clear-button-icon\"\n            title=\"R\u00E9initialiser le champ\"\n        ></foehn-icon-times>\n    </button>\n\n    <div\n        class=\"form-group suggestions-list-container\"\n        *ngIf=\"shouldDisplayListbox()\"\n    >\n        <cdk-virtual-scroll-viewport\n            [itemSize]=\"itemHeightInSuggestionListInPx\"\n            [style.height.px]=\"VIEW_PORT_HEIGHT\"\n        >\n            <ul\n                [attr.id]=\"buildChildId() + 'Listbox'\"\n                [attr.aria-labelledby]=\"buildChildId() + 'Label'\"\n                role=\"listbox\"\n                class=\"suggestions-list\"\n                #suggestionsList\n            >\n                <li\n                    tabindex=\"-1\"\n                    role=\"option\"\n                    class=\"suggestion\"\n                    *cdkVirtualFor=\"\n                        let element of displayedElements;\n                        index as i\n                    \"\n                    [attr.id]=\"buildChildId() + 'Option' + i\"\n                    (click)=\"onClickSuggestion(element)\"\n                    (mousedown)=\"onListOptionMouseDown($event)\"\n                    (focus)=\"onListOptionFocus()\"\n                    (blur)=\"onListOptionBlur()\"\n                    [style.height.px]=\"itemHeightInSuggestionListInPx\"\n                    [attr.label-value]=\"getLabel(element)\"\n                >\n                    <!-- Ensures that screen readers don't consider any spaces around the emphasis -->\n                    <span [innerHtml]=\"getLabelWithEmphasis(element)\"></span>\n                </li>\n            </ul>\n        </cdk-virtual-scroll-viewport>\n    </div>\n</div>\n", styles: ["div.suggestions-list-container{position:relative;width:100%}cdk-virtual-scroll-viewport{width:100%;position:absolute;top:0;left:0;z-index:10;background:white;overflow-y:auto;box-shadow:0 4px 8px #0003,0 6px 20px #00000030;list-style:none;margin:inherit;padding:inherit}ul.suggestions-list{list-style:none;margin:0;padding:0}li.suggestion{width:100%;padding:.5em;font-size:1em}li.suggestion:hover,.suggestion-selected{background-color:var(--vd-info)}li.suggestion:hover{cursor:pointer;background-color:#dfdfdf}input.autocomplete::-ms-clear{display:none}input.autocomplete{padding-right:30px}.autocomplete-form-group{position:relative}.autocomplete-clear-button{position:absolute;bottom:4px;right:4px;height:30px;width:30px;background:none;border:none}.autocomplete-clear-button-icon{top:4px;right:8px;position:absolute}:host ::ng-deep .autocomplete-clear-button.btn .svg-inline--fa{color:#595959!important}:host ::ng-deep .autocomplete-clear-button.btn:hover .svg-inline--fa{color:#000!important}\n"], components: [{ type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }, { type: FoehnIconTimesComponent, selector: "foehn-icon-times" }, { type: i3$1.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i3$1.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { type: i3$1.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }], pipes: { "fromDictionary": SdkDictionaryPipe, "async": i3.AsyncPipe } });
+    ], viewQueries: [{ propertyName: "virtualScrollViewport", first: true, predicate: CdkVirtualScrollViewport, descendants: true }, { propertyName: "suggestionsList", first: true, predicate: ["suggestionsList"], descendants: true }, { propertyName: "inputElement", first: true, predicate: ["entryComponent"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<!--\n    Accessible autocomplete widget following the listbox combobox pattern.\n    ref: https://www.w3.org/TR/wai-aria-practices-1.1/examples/combobox/aria1.1pattern/listbox-combo.html\n-->\n<div\n    class=\"form-group autocomplete-form-group\"\n    [class.has-danger]=\"hasErrorsToDisplay()\"\n    [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n    [attr.aria-expanded]=\"shouldDisplayListbox()\"\n    [attr.aria-haspopup]=\"'listbox'\"\n    [attr.id]=\"buildId('Container')\"\n    tabindex=\"-1\"\n>\n    <label\n        [attr.for]=\"buildChildId()\"\n        *ngIf=\"!!label\"\n        [ngClass]=\"isLabelSrOnly ? 'sr-only' : labelStyleModifier\"\n        [attr.id]=\"buildChildId() + 'Label'\"\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\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    <div class=\"sr-only\">\n        Utilisez les fl\u00E8ches haut et bas pour naviguer dans la liste, puis la\n        touche Entrer pour s\u00E9lectionner une option.\n    </div>\n\n    <!-- Give screen reader users the total of results when then input changes. -->\n    <div\n        class=\"sr-only\"\n        aria-live=\"polite\"\n        role=\"status\"\n        aria-atomic=\"true\"\n        *ngIf=\"displayedElements && shouldDisplayListbox()\"\n    >\n        Nombre de r\u00E9sultats: {{ displayedElements.length }}\n        <!-- Trick to have NVDA re-reading this properly -->\n        <span>{{ notificationMessageUpdated ? ',' : ',,' }}</span>\n    </div>\n\n    <input\n        [class.is-invalid]=\"hasErrorsToDisplay()\"\n        class=\"form-control autocomplete\"\n        type=\"text\"\n        role=\"textbox\"\n        [name]=\"name || label\"\n        [attr.id]=\"buildChildId()\"\n        [attr.placeholder]=\"placeholder || null\"\n        [attr.disabled]=\"disabledSubject | async\"\n        [attr.aria-describedby]=\"getDescribedBy()\"\n        [attr.aria-required]=\"required || null\"\n        [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n        [attr.autocomplete]=\"'off'\"\n        [attr.aria-activedescendant]=\"getActiveDescendantId()\"\n        [attr.aria-owns]=\"\n            shouldDisplayListbox() ? buildChildId() + 'Listbox' : null\n        \"\n        [attr.list]=\"buildChildId() + 'list'\"\n        [(ngModel)]=\"inputValue\"\n        (ngModelChange)=\"showSuggestionsWhenInputHasFocusAndIsEmpty($event)\"\n        (paste)=\"onPaste($event)\"\n        (focus)=\"onInputFocus()\"\n        (blur)=\"onInputBlur()\"\n        (keydown)=\"onKeyDown($event)\"\n        (click)=\"onInputClick()\"\n        autocomplete=\"off\"\n        #entryComponent\n    />\n\n    <button\n        type=\"button\"\n        *ngIf=\"displayClearButton() | async\"\n        class=\"autocomplete-clear-button btn\"\n        (click)=\"onClear()\"\n        [id]=\"buildChildId() + 'Clear'\"\n    >\n        <foehn-icon-times\n            class=\"autocomplete-clear-button-icon\"\n            title=\"R\u00E9initialiser le champ\"\n        ></foehn-icon-times>\n    </button>\n\n    <div\n        class=\"form-group suggestions-list-container\"\n        *ngIf=\"shouldDisplayListbox()\"\n    >\n        <cdk-virtual-scroll-viewport\n            [itemSize]=\"itemHeightInSuggestionListInPx\"\n            [style.height.px]=\"VIEW_PORT_HEIGHT\"\n        >\n            <ul\n                [attr.id]=\"buildChildId() + 'Listbox'\"\n                [attr.aria-labelledby]=\"buildChildId() + 'Label'\"\n                role=\"listbox\"\n                class=\"suggestions-list\"\n                #suggestionsList\n            >\n                <li\n                    tabindex=\"-1\"\n                    role=\"option\"\n                    class=\"suggestion\"\n                    *cdkVirtualFor=\"\n                        let element of displayedElements;\n                        index as i\n                    \"\n                    [attr.id]=\"buildChildId() + 'Option' + i\"\n                    (click)=\"onClickSuggestion(element)\"\n                    (mousedown)=\"onListOptionMouseDown($event)\"\n                    (focus)=\"onListOptionFocus()\"\n                    (blur)=\"onListOptionBlur()\"\n                    [style.height.px]=\"itemHeightInSuggestionListInPx\"\n                    [attr.label-value]=\"getLabel(element)\"\n                >\n                    <!-- Ensures that screen readers don't consider any spaces around the emphasis -->\n                    <span [innerHtml]=\"getLabelWithEmphasis(element)\"></span>\n                </li>\n            </ul>\n        </cdk-virtual-scroll-viewport>\n    </div>\n</div>\n", styles: ["div.suggestions-list-container{position:relative;width:100%}cdk-virtual-scroll-viewport{width:100%;position:absolute;top:0;left:0;z-index:10;background:white;overflow-y:auto;box-shadow:0 4px 8px #0003,0 6px 20px #00000030;list-style:none;margin:inherit;padding:inherit}ul.suggestions-list{list-style:none;margin:0;padding:0}li.suggestion{width:100%;padding:.5em;font-size:1em}li.suggestion:hover,.suggestion-selected{background-color:var(--vd-info)}li.suggestion:hover{cursor:pointer;background-color:#dfdfdf}input.autocomplete::-ms-clear{display:none}input.autocomplete{padding-right:30px}.autocomplete-form-group{position:relative}.autocomplete-clear-button{position:absolute;bottom:4px;right:4px;height:30px;width:30px;background:none;border:none}.autocomplete-clear-button-icon{top:4px;right:8px;position:absolute}:host ::ng-deep .autocomplete-clear-button.btn .svg-inline--fa{color:#595959!important}:host ::ng-deep .autocomplete-clear-button.btn:hover .svg-inline--fa{color:#000!important}\n"], components: [{ type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }, { type: FoehnIconTimesComponent, selector: "foehn-icon-times" }, { type: i3$1.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i3$1.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { type: i3$1.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }], pipes: { "fromDictionary": SdkDictionaryPipe, "async": i3.AsyncPipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FoehnAutocompleteComponent, decorators: [{
             type: Component,
             args: [{ selector: 'foehn-autocomplete', providers: [
@@ -6409,7 +6444,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                             useExisting: forwardRef(() => FoehnAutocompleteComponent),
                             multi: true
                         }
-                    ], template: "<!--\n    Accessible autocomplete widget following the listbox combobox pattern.\n    ref: https://www.w3.org/TR/wai-aria-practices-1.1/examples/combobox/aria1.1pattern/listbox-combo.html\n-->\n<div\n    class=\"form-group autocomplete-form-group\"\n    [class.has-danger]=\"hasErrorsToDisplay()\"\n    [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n    [attr.aria-expanded]=\"shouldDisplayListbox()\"\n    [attr.aria-haspopup]=\"'listbox'\"\n    [attr.id]=\"buildId('Container')\"\n    tabindex=\"-1\"\n>\n    <label\n        [attr.for]=\"buildChildId()\"\n        *ngIf=\"!!label\"\n        [ngClass]=\"isLabelSrOnly ? 'sr-only' : labelStyleModifier\"\n        [attr.id]=\"buildChildId() + 'Label'\"\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\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    <div class=\"sr-only\">\n        Utilisez les fl\u00E8ches haut et bas pour naviguer dans la liste, puis la\n        touche Entrer pour s\u00E9lectionner une option.\n    </div>\n\n    <!-- Give screen reader users the total of results when then input changes. -->\n    <div\n        class=\"sr-only\"\n        aria-live=\"polite\"\n        role=\"status\"\n        aria-atomic=\"true\"\n        *ngIf=\"displayedElements && shouldDisplayListbox()\"\n    >\n        Nombre de r\u00E9sultats: {{ displayedElements.length }}\n        <!-- Trick to have NVDA re-reading this properly -->\n        <span>{{ notificationMessageUpdated ? ',' : ',,' }}</span>\n    </div>\n\n    <input\n        [class.is-invalid]=\"hasErrorsToDisplay()\"\n        class=\"form-control autocomplete\"\n        type=\"text\"\n        role=\"textbox\"\n        [name]=\"name || label\"\n        [attr.id]=\"buildChildId()\"\n        [attr.placeholder]=\"placeholder || null\"\n        [attr.disabled]=\"disabled ? 'disabled' : null\"\n        [attr.aria-describedby]=\"getDescribedBy()\"\n        [attr.aria-required]=\"required || null\"\n        [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n        [attr.autocomplete]=\"'off'\"\n        [attr.aria-activedescendant]=\"getActiveDescendantId()\"\n        [attr.aria-owns]=\"\n            shouldDisplayListbox() ? buildChildId() + 'Listbox' : null\n        \"\n        [attr.list]=\"buildChildId() + 'list'\"\n        [(ngModel)]=\"inputValue\"\n        (ngModelChange)=\"showSuggestionsWhenInputHasFocusAndIsEmpty($event)\"\n        (paste)=\"onPaste($event)\"\n        (focus)=\"onInputFocus()\"\n        (blur)=\"onInputBlur()\"\n        (keydown)=\"onKeyDown($event)\"\n        (click)=\"onInputClick()\"\n        autocomplete=\"off\"\n        #entryComponent\n    />\n\n    <button\n        type=\"button\"\n        *ngIf=\"displayClearButton() | async\"\n        class=\"autocomplete-clear-button btn\"\n        (click)=\"onClear()\"\n        [id]=\"buildChildId() + 'Clear'\"\n    >\n        <foehn-icon-times\n            class=\"autocomplete-clear-button-icon\"\n            title=\"R\u00E9initialiser le champ\"\n        ></foehn-icon-times>\n    </button>\n\n    <div\n        class=\"form-group suggestions-list-container\"\n        *ngIf=\"shouldDisplayListbox()\"\n    >\n        <cdk-virtual-scroll-viewport\n            [itemSize]=\"itemHeightInSuggestionListInPx\"\n            [style.height.px]=\"VIEW_PORT_HEIGHT\"\n        >\n            <ul\n                [attr.id]=\"buildChildId() + 'Listbox'\"\n                [attr.aria-labelledby]=\"buildChildId() + 'Label'\"\n                role=\"listbox\"\n                class=\"suggestions-list\"\n                #suggestionsList\n            >\n                <li\n                    tabindex=\"-1\"\n                    role=\"option\"\n                    class=\"suggestion\"\n                    *cdkVirtualFor=\"\n                        let element of displayedElements;\n                        index as i\n                    \"\n                    [attr.id]=\"buildChildId() + 'Option' + i\"\n                    (click)=\"onClickSuggestion(element)\"\n                    (mousedown)=\"onListOptionMouseDown($event)\"\n                    (focus)=\"onListOptionFocus()\"\n                    (blur)=\"onListOptionBlur()\"\n                    [style.height.px]=\"itemHeightInSuggestionListInPx\"\n                    [attr.label-value]=\"getLabel(element)\"\n                >\n                    <!-- Ensures that screen readers don't consider any spaces around the emphasis -->\n                    <span [innerHtml]=\"getLabelWithEmphasis(element)\"></span>\n                </li>\n            </ul>\n        </cdk-virtual-scroll-viewport>\n    </div>\n</div>\n", styles: ["div.suggestions-list-container{position:relative;width:100%}cdk-virtual-scroll-viewport{width:100%;position:absolute;top:0;left:0;z-index:10;background:white;overflow-y:auto;box-shadow:0 4px 8px #0003,0 6px 20px #00000030;list-style:none;margin:inherit;padding:inherit}ul.suggestions-list{list-style:none;margin:0;padding:0}li.suggestion{width:100%;padding:.5em;font-size:1em}li.suggestion:hover,.suggestion-selected{background-color:var(--vd-info)}li.suggestion:hover{cursor:pointer;background-color:#dfdfdf}input.autocomplete::-ms-clear{display:none}input.autocomplete{padding-right:30px}.autocomplete-form-group{position:relative}.autocomplete-clear-button{position:absolute;bottom:4px;right:4px;height:30px;width:30px;background:none;border:none}.autocomplete-clear-button-icon{top:4px;right:8px;position:absolute}:host ::ng-deep .autocomplete-clear-button.btn .svg-inline--fa{color:#595959!important}:host ::ng-deep .autocomplete-clear-button.btn:hover .svg-inline--fa{color:#000!important}\n"] }]
+                    ], template: "<!--\n    Accessible autocomplete widget following the listbox combobox pattern.\n    ref: https://www.w3.org/TR/wai-aria-practices-1.1/examples/combobox/aria1.1pattern/listbox-combo.html\n-->\n<div\n    class=\"form-group autocomplete-form-group\"\n    [class.has-danger]=\"hasErrorsToDisplay()\"\n    [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n    [attr.aria-expanded]=\"shouldDisplayListbox()\"\n    [attr.aria-haspopup]=\"'listbox'\"\n    [attr.id]=\"buildId('Container')\"\n    tabindex=\"-1\"\n>\n    <label\n        [attr.for]=\"buildChildId()\"\n        *ngIf=\"!!label\"\n        [ngClass]=\"isLabelSrOnly ? 'sr-only' : labelStyleModifier\"\n        [attr.id]=\"buildChildId() + 'Label'\"\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\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    <div class=\"sr-only\">\n        Utilisez les fl\u00E8ches haut et bas pour naviguer dans la liste, puis la\n        touche Entrer pour s\u00E9lectionner une option.\n    </div>\n\n    <!-- Give screen reader users the total of results when then input changes. -->\n    <div\n        class=\"sr-only\"\n        aria-live=\"polite\"\n        role=\"status\"\n        aria-atomic=\"true\"\n        *ngIf=\"displayedElements && shouldDisplayListbox()\"\n    >\n        Nombre de r\u00E9sultats: {{ displayedElements.length }}\n        <!-- Trick to have NVDA re-reading this properly -->\n        <span>{{ notificationMessageUpdated ? ',' : ',,' }}</span>\n    </div>\n\n    <input\n        [class.is-invalid]=\"hasErrorsToDisplay()\"\n        class=\"form-control autocomplete\"\n        type=\"text\"\n        role=\"textbox\"\n        [name]=\"name || label\"\n        [attr.id]=\"buildChildId()\"\n        [attr.placeholder]=\"placeholder || null\"\n        [attr.disabled]=\"disabledSubject | async\"\n        [attr.aria-describedby]=\"getDescribedBy()\"\n        [attr.aria-required]=\"required || null\"\n        [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n        [attr.autocomplete]=\"'off'\"\n        [attr.aria-activedescendant]=\"getActiveDescendantId()\"\n        [attr.aria-owns]=\"\n            shouldDisplayListbox() ? buildChildId() + 'Listbox' : null\n        \"\n        [attr.list]=\"buildChildId() + 'list'\"\n        [(ngModel)]=\"inputValue\"\n        (ngModelChange)=\"showSuggestionsWhenInputHasFocusAndIsEmpty($event)\"\n        (paste)=\"onPaste($event)\"\n        (focus)=\"onInputFocus()\"\n        (blur)=\"onInputBlur()\"\n        (keydown)=\"onKeyDown($event)\"\n        (click)=\"onInputClick()\"\n        autocomplete=\"off\"\n        #entryComponent\n    />\n\n    <button\n        type=\"button\"\n        *ngIf=\"displayClearButton() | async\"\n        class=\"autocomplete-clear-button btn\"\n        (click)=\"onClear()\"\n        [id]=\"buildChildId() + 'Clear'\"\n    >\n        <foehn-icon-times\n            class=\"autocomplete-clear-button-icon\"\n            title=\"R\u00E9initialiser le champ\"\n        ></foehn-icon-times>\n    </button>\n\n    <div\n        class=\"form-group suggestions-list-container\"\n        *ngIf=\"shouldDisplayListbox()\"\n    >\n        <cdk-virtual-scroll-viewport\n            [itemSize]=\"itemHeightInSuggestionListInPx\"\n            [style.height.px]=\"VIEW_PORT_HEIGHT\"\n        >\n            <ul\n                [attr.id]=\"buildChildId() + 'Listbox'\"\n                [attr.aria-labelledby]=\"buildChildId() + 'Label'\"\n                role=\"listbox\"\n                class=\"suggestions-list\"\n                #suggestionsList\n            >\n                <li\n                    tabindex=\"-1\"\n                    role=\"option\"\n                    class=\"suggestion\"\n                    *cdkVirtualFor=\"\n                        let element of displayedElements;\n                        index as i\n                    \"\n                    [attr.id]=\"buildChildId() + 'Option' + i\"\n                    (click)=\"onClickSuggestion(element)\"\n                    (mousedown)=\"onListOptionMouseDown($event)\"\n                    (focus)=\"onListOptionFocus()\"\n                    (blur)=\"onListOptionBlur()\"\n                    [style.height.px]=\"itemHeightInSuggestionListInPx\"\n                    [attr.label-value]=\"getLabel(element)\"\n                >\n                    <!-- Ensures that screen readers don't consider any spaces around the emphasis -->\n                    <span [innerHtml]=\"getLabelWithEmphasis(element)\"></span>\n                </li>\n            </ul>\n        </cdk-virtual-scroll-viewport>\n    </div>\n</div>\n", styles: ["div.suggestions-list-container{position:relative;width:100%}cdk-virtual-scroll-viewport{width:100%;position:absolute;top:0;left:0;z-index:10;background:white;overflow-y:auto;box-shadow:0 4px 8px #0003,0 6px 20px #00000030;list-style:none;margin:inherit;padding:inherit}ul.suggestions-list{list-style:none;margin:0;padding:0}li.suggestion{width:100%;padding:.5em;font-size:1em}li.suggestion:hover,.suggestion-selected{background-color:var(--vd-info)}li.suggestion:hover{cursor:pointer;background-color:#dfdfdf}input.autocomplete::-ms-clear{display:none}input.autocomplete{padding-right:30px}.autocomplete-form-group{position:relative}.autocomplete-clear-button{position:absolute;bottom:4px;right:4px;height:30px;width:30px;background:none;border:none}.autocomplete-clear-button-icon{top:4px;right:8px;position:absolute}:host ::ng-deep .autocomplete-clear-button.btn .svg-inline--fa{color:#595959!important}:host ::ng-deep .autocomplete-clear-button.btn:hover .svg-inline--fa{color:#000!important}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.NgZone }]; }, propDecorators: { virtualScrollViewport: [{
                 type: ViewChild,
                 args: [CdkVirtualScrollViewport]
@@ -6431,6 +6466,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 type: Input
             }], caseSensitiveSearch: [{
                 type: Input
+            }], disabled: [{
+                type: Input
             }] } });
 
 class SdkDictionaryModule {
@@ -7107,7 +7144,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 args: ['modelChange', ['$event']]
             }] } });
 
-const isDefined = (value) => value === 0 || !!value;
+const isDefined$1 = (value) => value === 0 || !!value;
 class FoehnInputNumberComponent extends FoehnInputStringComponent {
     constructor(currencyHelper, dictionaryService) {
         super();
@@ -7280,7 +7317,7 @@ class FoehnInputNumberComponent extends FoehnInputStringComponent {
             return;
         }
         if (!this.allowFreeInput) {
-            if (isDefined(this.min) && isDefined(this.max)) {
+            if (isDefined$1(this.min) && isDefined$1(this.max)) {
                 if (!!((_a = this.initialHelpText) === null || _a === void 0 ? void 0 : _a.length)) {
                     this.helpText = `${this.initialHelpText}<br/>`;
                 }
@@ -8476,7 +8513,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
  * @returns string
  */
 // eslint-disable-next-line prefer-arrow/prefer-arrow-functions
-function leftPad(num) {
+function leftPad$1(num) {
     if (num === undefined || num === null) {
         return '';
     }
@@ -8516,7 +8553,7 @@ class FoehnTimeComponent extends FoehnInputStringComponent {
             }
             return undefined;
         }
-        return `${leftPad(this.hour)}:${leftPad(this.minute)}`;
+        return `${leftPad$1(this.hour)}:${leftPad$1(this.minute)}`;
     }
 }
 FoehnTimeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FoehnTimeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
@@ -8696,6 +8733,135 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 }]
         }] });
 
+/**
+ * @param num as string
+ * @returns string
+ */
+// eslint-disable-next-line prefer-arrow/prefer-arrow-functions
+function leftPad(num) {
+    if (num === undefined || num === null) {
+        return '';
+    }
+    if (num.length < 2) {
+        return `0${num}`;
+    }
+    return num;
+}
+class FoehnDateTimeComponent extends FoehnInputComponent {
+    constructor() {
+        super();
+        this.disableDay = false;
+        this.disableMonth = false;
+        this.disableYear = false;
+        this.hideDatePickerButton = false;
+        this.date = null;
+        this.time = null;
+        this.userInputTimeSubject = new Subject();
+        this.timeModelChangeSubject = new Subject();
+        // We need to wait for foehn-input-time modelChange to be fired as it is done on 'focusOut'
+        // otherwise userInput value and time model are not synchronized
+        this.userInputTimeSubscription = combineLatest([
+            this.userInputTimeSubject.asObservable(),
+            this.timeModelChangeSubject.asObservable()
+        ])
+            .pipe(debounceTime(0), filter(([userInputTime, timeModel]) => userInputTime === timeModel))
+            .subscribe(() => {
+            this.handleUserInput();
+        });
+    }
+    ngOnDestroy() {
+        super.ngOnDestroy();
+        if (!!this.userInputTimeSubscription) {
+            this.userInputTimeSubscription.unsubscribe();
+        }
+    }
+    updateDateTime() {
+        const validValue = this.getValidValue();
+        if (typeof validValue !== 'undefined') {
+            this.updateNgModel(validValue);
+        }
+    }
+    handleUserInput() {
+        const validValue = this.getValidValue();
+        if (typeof validValue !== 'undefined') {
+            this.handleChange(validValue);
+        }
+    }
+    timeModelChange(value) {
+        this.updateDateTime();
+        this.timeModelChangeSubject.next(value);
+    }
+    handleUserInputTime(value) {
+        this.userInputTimeSubject.next(value);
+    }
+    onModelChange(value) {
+        if (value && value.length >= 5) {
+            this.date = value.slice(0, 3);
+            this.time = `${leftPad(this.toString(value[3]))}:${leftPad(this.toString(value[4]))}`;
+        }
+        else if (!value) {
+            this.date = null;
+            this.time = null;
+        }
+    }
+    getValidValue() {
+        if (this.isEmpty(this.date) && this.isEmpty(this.time)) {
+            if (this.model_ !== undefined) {
+                return null;
+            }
+            return undefined;
+        }
+        const result = [null, null, null, null, null];
+        if (!!this.date) {
+            result[0] = this.date[0];
+            result[1] = this.date[1];
+            result[2] = this.date[2];
+        }
+        const timeParts = !!this.time ? this.time.split(':') : null;
+        if (timeParts) {
+            result[3] = this.toNumber(timeParts[0]);
+            result[4] = this.toNumber(timeParts[1]);
+        }
+        return result;
+    }
+    toNumber(str) {
+        return str ? Number(str) : null;
+    }
+    toString(num) {
+        return num ? num.toString() : null;
+    }
+}
+FoehnDateTimeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FoehnDateTimeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FoehnDateTimeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: FoehnDateTimeComponent, selector: "foehn-input-date-time", inputs: { disableDay: "disableDay", disableMonth: "disableMonth", disableYear: "disableYear", minDate: "minDate", maxDate: "maxDate", hideDatePickerButton: "hideDatePickerButton" }, providers: [
+        {
+            provide: 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        class=\"mb-3\"\n        [attr.aria-describedby]=\"getDescribedBy()\"\n        [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n    >\n        <legend *ngIf=\"!!label\" [ngClass]=\"isLabelSrOnly ? 'sr-only' : 'vd-p'\">\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                    hideDatePickerButton\n                        ? 'col-lg-7 col-md-9'\n                        : 'col-lg-8 col-md-10'\n                \"\n            >\n                <div class=\"row\">\n                    <div\n                        [attr.id]=\"buildId() + 'DateColumn'\"\n                        class=\"col-sm-7 pr-sm-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                            (modelChange)=\"updateDateTime()\"\n                            (userInput)=\"handleUserInput()\"\n                            [disabled]=\"disabled\"\n                            [hideNotRequiredExtraLabel]=\"true\"\n                        ></foehn-input-date>\n                    </div>\n                    <div\n                        [attr.id]=\"buildId() + 'TimeColumn'\"\n                        class=\"col-sm-5 pl-sm-0\"\n                    >\n                        <foehn-input-time\n                            [id]=\"buildId() + '_time'\"\n                            [name]=\"name + '_date'\"\n                            [(model)]=\"time\"\n                            (modelChange)=\"timeModelChange($event)\"\n                            (userInput)=\"handleUserInputTime($event)\"\n                            [disabled]=\"disabled\"\n                            [hideNotRequiredExtraLabel]=\"true\"\n                        ></foehn-input-time>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </fieldset>\n</div>\n", components: [{ type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }, { type: FoehnDateComponent, selector: "foehn-input-date", inputs: ["disableDay", "disableMonth", "disableYear", "minDate", "maxDate", "hideDatePickerButton"] }, { type: FoehnTimeComponent, selector: "foehn-input-time" }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "fromDictionary": SdkDictionaryPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FoehnDateTimeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'foehn-input-date-time', providers: [
+                        {
+                            provide: FoehnInputComponent,
+                            useExisting: forwardRef(() => FoehnDateTimeComponent),
+                            multi: true
+                        }
+                    ], 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        class=\"mb-3\"\n        [attr.aria-describedby]=\"getDescribedBy()\"\n        [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n    >\n        <legend *ngIf=\"!!label\" [ngClass]=\"isLabelSrOnly ? 'sr-only' : 'vd-p'\">\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                    hideDatePickerButton\n                        ? 'col-lg-7 col-md-9'\n                        : 'col-lg-8 col-md-10'\n                \"\n            >\n                <div class=\"row\">\n                    <div\n                        [attr.id]=\"buildId() + 'DateColumn'\"\n                        class=\"col-sm-7 pr-sm-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                            (modelChange)=\"updateDateTime()\"\n                            (userInput)=\"handleUserInput()\"\n                            [disabled]=\"disabled\"\n                            [hideNotRequiredExtraLabel]=\"true\"\n                        ></foehn-input-date>\n                    </div>\n                    <div\n                        [attr.id]=\"buildId() + 'TimeColumn'\"\n                        class=\"col-sm-5 pl-sm-0\"\n                    >\n                        <foehn-input-time\n                            [id]=\"buildId() + '_time'\"\n                            [name]=\"name + '_date'\"\n                            [(model)]=\"time\"\n                            (modelChange)=\"timeModelChange($event)\"\n                            (userInput)=\"handleUserInputTime($event)\"\n                            [disabled]=\"disabled\"\n                            [hideNotRequiredExtraLabel]=\"true\"\n                        ></foehn-input-time>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </fieldset>\n</div>\n" }]
+        }], ctorParameters: function () { return []; }, propDecorators: { disableDay: [{
+                type: Input
+            }], disableMonth: [{
+                type: Input
+            }], disableYear: [{
+                type: Input
+            }], minDate: [{
+                type: Input
+            }], maxDate: [{
+                type: Input
+            }], hideDatePickerButton: [{
+                type: Input
+            }] } });
+
 class FoehnInputModule {
 }
 FoehnInputModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FoehnInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
@@ -8707,7 +8873,8 @@ FoehnInputModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", versio
         FoehnInputTextareaComponent,
         FoehnDateComponent,
         FoehnTimeComponent,
-        FoehnInputPhoneComponent], imports: [FoehnIconsModule,
+        FoehnInputPhoneComponent,
+        FoehnDateTimeComponent], imports: [FoehnIconsModule,
         CommonModule,
         FormsModule,
         FoehnValidationAlertsModule,
@@ -8721,7 +8888,8 @@ FoehnInputModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", versio
         FoehnInputTextareaComponent,
         FoehnDateComponent,
         FoehnTimeComponent,
-        FoehnInputPhoneComponent] });
+        FoehnInputPhoneComponent,
+        FoehnDateTimeComponent] });
 FoehnInputModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FoehnInputModule, imports: [[
             FoehnIconsModule,
             CommonModule,
@@ -8752,7 +8920,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                         FoehnInputTextareaComponent,
                         FoehnDateComponent,
                         FoehnTimeComponent,
-                        FoehnInputPhoneComponent
+                        FoehnInputPhoneComponent,
+                        FoehnDateTimeComponent
                     ],
                     exports: [
                         FoehnInputTextComponent,
@@ -8763,7 +8932,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                         FoehnInputTextareaComponent,
                         FoehnDateComponent,
                         FoehnTimeComponent,
-                        FoehnInputPhoneComponent
+                        FoehnInputPhoneComponent,
+                        FoehnDateTimeComponent
                     ]
                 }]
         }] });
@@ -8881,11 +9051,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
 const SWISS_ISO_ID = 'CH';
 class StreetNumber {
 }
+const isDefined = (value) => value === true || value === false;
 class FoehnInputAddressComponent extends FoehnInputComponent {
-    constructor(httpClient, ngZone) {
+    constructor(httpClient, ngZone, dictionaryService) {
         super();
         this.httpClient = httpClient;
         this.ngZone = ngZone;
+        this.dictionaryService = dictionaryService;
         this.countriesUrl = 'api/refinf/countries';
         this.isOnlySwiss = true;
         this.showPostOfficeBoxText = false;
@@ -8894,16 +9066,14 @@ class FoehnInputAddressComponent extends FoehnInputComponent {
         this.showAdressLine2 = true;
         this.countryRequired = true;
         this.swissNpaLocalityRequired = true;
-        this.streetRequired = true;
         this.streetNumberRequired = false;
         this.foreignZipCodeRequired = true;
         this.foreignLocalityRequired = true;
-        this.foreignStreetRequired = true;
         this.foreignStreetNumberRequired = false;
-        this.postOfficeBoxTextRequired = false;
         this.addressLine1Required = false;
         this.addressLine2Required = false;
         this.withCompanyLocalities = false;
+        this.streetCustomErrors = {};
         this.iso2IdSubject = new BehaviorSubject(null);
         this.zipCodeIdSubject = new BehaviorSubject(null);
         this.estrIdSubject = new BehaviorSubject(null);
@@ -8918,6 +9088,9 @@ class FoehnInputAddressComponent extends FoehnInputComponent {
     }
     ngOnInit() {
         super.ngOnInit();
+        if (!this.showPostOfficeBoxText) {
+            this.streetCustomErrors.AtLeastOneNotNull = this.dictionaryService.getKeySync('errors.NotNull');
+        }
         this.countries = this.getCountries();
         this.localities = this.iso2IdSubject.pipe(distinctUntilChanged(), 
         // The list of localities, or an empty array as the default value.
@@ -9060,6 +9233,33 @@ class FoehnInputAddressComponent extends FoehnInputComponent {
         const { estrid } = street;
         this.estrIdSubject.next(estrid);
     }
+    isStreetRequired() {
+        if (isDefined(this.streetRequired)) {
+            // respect overriden value
+            return this.streetRequired;
+        }
+        if (!this.showPostOfficeBoxText) {
+            return true;
+        }
+        return !this.postOfficeBoxText || !!this.street;
+    }
+    isForeignStreetRequired() {
+        if (isDefined(this.foreignStreetRequired)) {
+            // respect overriden value
+            return this.foreignStreetRequired;
+        }
+        if (!this.showPostOfficeBoxText) {
+            return true;
+        }
+        return !this.postOfficeBoxText || !!this.street;
+    }
+    isPostOfficeBoxTextRequired() {
+        if (isDefined(this.postOfficeBoxTextRequired)) {
+            // respect overriden value
+            return this.postOfficeBoxTextRequired;
+        }
+        return !this.street || !!this.postOfficeBoxText;
+    }
     getCountries() {
         return this.httpClient.get(this.countriesUrl);
     }
@@ -9175,14 +9375,14 @@ class FoehnInputAddressComponent extends FoehnInputComponent {
             this.isEmpty(this.addressLine2));
     }
 }
-FoehnInputAddressComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FoehnInputAddressComponent, deps: [{ token: i1.HttpClient }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+FoehnInputAddressComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FoehnInputAddressComponent, deps: [{ token: i1.HttpClient }, { token: i0.NgZone }, { token: SdkDictionaryService }], target: i0.ɵɵFactoryTarget.Component });
 FoehnInputAddressComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: FoehnInputAddressComponent, selector: "foehn-input-address", inputs: { countriesUrl: "countriesUrl", isOnlySwiss: "isOnlySwiss", showPostOfficeBoxText: "showPostOfficeBoxText", showAdressLines: "showAdressLines", showAdressLine1: "showAdressLine1", showAdressLine2: "showAdressLine2", specifiedCanton: "specifiedCanton", countryRequired: "countryRequired", swissNpaLocalityRequired: "swissNpaLocalityRequired", streetRequired: "streetRequired", streetNumberRequired: "streetNumberRequired", foreignZipCodeRequired: "foreignZipCodeRequired", foreignLocalityRequired: "foreignLocalityRequired", foreignStreetRequired: "foreignStreetRequired", foreignStreetNumberRequired: "foreignStreetNumberRequired", postOfficeBoxTextRequired: "postOfficeBoxTextRequired", addressLine1Required: "addressLine1Required", addressLine2Required: "addressLine2Required", withCompanyLocalities: "withCompanyLocalities" }, providers: [
         {
             provide: FoehnInputComponent,
             useExisting: forwardRef(() => FoehnInputAddressComponent),
             multi: true
         }
-    ], viewQueries: [{ propertyName: "foreignLocalityComponent", first: true, predicate: FoehnInputForeignLocalityComponent, descendants: true }, { propertyName: "foreignStreetComponent", first: true, predicate: FoehnInputForeignStreetComponent, descendants: true }, { propertyName: "foreignHouseNumber", first: true, predicate: ["foreignHouseNumber"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div\n    [attr.id]=\"buildId() + 'Container'\"\n    class=\"form-group\"\n    [class.has-danger]=\"hasErrorsToDisplay()\"\n    [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n    [tabIndex]=\"-1\"\n>\n    <fieldset\n        class=\"mb-3\"\n        [attr.aria-describedby]=\"getDescribedBy()\"\n        [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n    >\n        <legend *ngIf=\"!!label\" [ngClass]=\"isLabelSrOnly ? 'sr-only' : 'vd-p'\">\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        <foehn-autocomplete\n            *ngIf=\"!isOnlySwiss\"\n            [label]=\"'foehn-input-address.country.label' | fromDictionary\"\n            [elements]=\"countries | async\"\n            elementLabel=\"shortNameFr\"\n            [elementValue]=\"identity\"\n            [elementValueIdentity]=\"countryIdentity\"\n            (modelChange)=\"countryUpdated($event)\"\n            (userInput)=\"userInputCountry()\"\n            [model]=\"country\"\n            [name]=\"name + '.country'\"\n            [required]=\"countryRequired\"\n            [disabled]=\"disabled\"\n        ></foehn-autocomplete>\n\n        <ng-container *ngIf=\"isSwiss()\">\n            <foehn-autocomplete\n                [label]=\"'foehn-input-address.locality.label' | fromDictionary\"\n                [elements]=\"localities | async\"\n                [elementLabel]=\"getLocalityDisplayedName\"\n                [elementValue]=\"identity\"\n                [elementValueIdentity]=\"localityIdentity\"\n                (modelChange)=\"localityUpdated($event)\"\n                (userInput)=\"userInputLocality($event)\"\n                [model]=\"locality\"\n                [name]=\"name + '.locality'\"\n                [allowCustomValue]=\"disabled\"\n                [required]=\"swissNpaLocalityRequired\"\n                [allElementDisabled]=\"!country\"\n                [disabled]=\"disabled\"\n            ></foehn-autocomplete>\n\n            <foehn-autocomplete\n                [label]=\"'foehn-input-address.street.label' | fromDictionary\"\n                [elements]=\"streets | async\"\n                elementLabel=\"longName\"\n                [elementValue]=\"identity\"\n                [elementValueIdentity]=\"streetIdentity\"\n                (modelChange)=\"streetUpdated($event)\"\n                [model]=\"street\"\n                [name]=\"name + '.street'\"\n                [allowCustomValue]=\"true\"\n                [customValueModelGenerator]=\"streetGenerator\"\n                [required]=\"streetRequired\"\n                [helpText]=\"\n                    'foehn-input-address.street.help-text' | fromDictionary\n                \"\n                [allElementDisabled]=\"!country\"\n                (userInput)=\"userInputStreet($event)\"\n                [disabled]=\"disabled\"\n            ></foehn-autocomplete>\n\n            <foehn-autocomplete\n                [label]=\"\n                    'foehn-input-address.houseNumber.label' | fromDictionary\n                \"\n                [elements]=\"streetNumbers | async\"\n                elementLabel=\"name\"\n                elementValue=\"name\"\n                [(model)]=\"houseNumber\"\n                [name]=\"name + '.houseNumber'\"\n                [allowCustomValue]=\"true\"\n                [helpText]=\"\n                    'foehn-input-address.houseNumber.help-text' | fromDictionary\n                \"\n                [allElementDisabled]=\"!country\"\n                (modelChange)=\"updateAddress()\"\n                (userInput)=\"handleUserInput()\"\n                [required]=\"streetNumberRequired\"\n                [disabled]=\"disabled\"\n            ></foehn-autocomplete>\n        </ng-container>\n\n        <ng-container *ngIf=\"!isSwiss()\">\n            <!--\n            Component <foehn-input-foreign-locality> is special because we use the same model when swiss or foreigner.\n            To do so, we need:\n                - Errors will be bind on 'locality' when NULL or on 'zipCode' and 'longName' model inside component when EMPTY\n                - Hide label from component because we need label from children to be displayed (isLabelSrOnly: true)\n                - required and disabled params are transmitted to children\n             -->\n            <foehn-input-foreign-locality\n                [label]=\"'foehn-input-address.locality.label' | fromDictionary\"\n                [name]=\"name + '.locality'\"\n                [(model)]=\"locality\"\n                [zipCodeRequired]=\"foreignZipCodeRequired\"\n                [localityRequired]=\"foreignLocalityRequired\"\n                [isLabelSrOnly]=\"true\"\n                [disabled]=\"!country || disabled\"\n                (modelChange)=\"updateAddress()\"\n                (userInput)=\"handleUserInput()\"\n            ></foehn-input-foreign-locality>\n            <!--\n            Component <foehn-input-foreign-street> is special because we use the same model when swiss or foreigner.\n            To do so, we need:\n                - Errors will be bind on 'street' when NULL or on 'longName' model inside component when EMPTY\n                - required, helpText, isLabelSrOnly and disabled  params are transmitted to children\n             -->\n            <foehn-input-foreign-street\n                [label]=\"'foehn-input-address.street.label' | fromDictionary\"\n                [name]=\"name + '.street'\"\n                [(model)]=\"street\"\n                [required]=\"foreignStreetRequired\"\n                [helpText]=\"\n                    'foehn-input-address.street.help-text' | fromDictionary\n                \"\n                [disabled]=\"!country || disabled\"\n                (modelChange)=\"updateAddress()\"\n                (userInput)=\"handleUserInput()\"\n            ></foehn-input-foreign-street>\n\n            <foehn-input-text\n                #foreignHouseNumber\n                [label]=\"\n                    'foehn-input-address.houseNumber.label' | fromDictionary\n                \"\n                [name]=\"name + '.houseNumber'\"\n                [(model)]=\"houseNumber\"\n                [helpText]=\"\n                    'foehn-input-address.houseNumber.help-text' | fromDictionary\n                \"\n                [disabled]=\"!country || disabled\"\n                (modelChange)=\"updateAddress()\"\n                (userInput)=\"handleUserInput()\"\n                [required]=\"foreignStreetNumberRequired\"\n            ></foehn-input-text>\n        </ng-container>\n\n        <foehn-input-text\n            *ngIf=\"showPostOfficeBoxText\"\n            [(model)]=\"postOfficeBoxText\"\n            [helpText]=\"\n                'foehn-input-address.postOfficeBoxText.help-text'\n                    | fromDictionary\n            \"\n            [label]=\"\n                'foehn-input-address.postOfficeBoxText.label' | fromDictionary\n            \"\n            [name]=\"name + '.postOfficeBoxText'\"\n            (modelChange)=\"updateAddress()\"\n            (userInput)=\"handleUserInput()\"\n            [required]=\"postOfficeBoxTextRequired\"\n            [disabled]=\"disabled\"\n        ></foehn-input-text>\n\n        <foehn-input-text\n            *ngIf=\"showAdressLines && showAdressLine1\"\n            [(model)]=\"addressLine1\"\n            [label]=\"'foehn-input-address.addressLine1.label' | fromDictionary\"\n            [name]=\"name + '.addressLine1'\"\n            (modelChange)=\"updateAddress()\"\n            (userInput)=\"handleUserInput()\"\n            [required]=\"addressLine1Required\"\n            [autocomplete]=\"'address-line2'\"\n            [disabled]=\"disabled\"\n        ></foehn-input-text>\n\n        <foehn-input-text\n            *ngIf=\"showAdressLines && showAdressLine2\"\n            [(model)]=\"addressLine2\"\n            [label]=\"'foehn-input-address.addressLine2.label' | fromDictionary\"\n            [name]=\"name + '.addressLine2'\"\n            (modelChange)=\"updateAddress()\"\n            (userInput)=\"handleUserInput()\"\n            [required]=\"addressLine2Required\"\n            [autocomplete]=\"'address-line3'\"\n            [disabled]=\"disabled\"\n        ></foehn-input-text>\n    </fieldset>\n</div>\n", components: [{ type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }, { type: FoehnAutocompleteComponent, selector: "foehn-autocomplete", inputs: ["searchValueMinCharsCount", "allowCustomValue", "customValueModelGenerator", "itemHeightInSuggestionListInPx", "elementSuggestionLabel", "caseSensitiveSearch"] }, { type: FoehnInputForeignLocalityComponent, selector: "foehn-input-foreign-locality", inputs: ["localityRequired", "zipCodeRequired"] }, { type: FoehnInputForeignStreetComponent, selector: "foehn-input-foreign-street" }, { type: FoehnInputTextComponent, selector: "foehn-input-text", inputs: ["numberOnly"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "fromDictionary": SdkDictionaryPipe, "async": i3.AsyncPipe } });
+    ], viewQueries: [{ propertyName: "foreignLocalityComponent", first: true, predicate: FoehnInputForeignLocalityComponent, descendants: true }, { propertyName: "foreignStreetComponent", first: true, predicate: FoehnInputForeignStreetComponent, descendants: true }, { propertyName: "foreignHouseNumber", first: true, predicate: ["foreignHouseNumber"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div\n    [attr.id]=\"buildId() + 'Container'\"\n    class=\"form-group\"\n    [class.has-danger]=\"hasErrorsToDisplay()\"\n    [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n    [tabIndex]=\"-1\"\n>\n    <fieldset\n        class=\"mb-3\"\n        [attr.aria-describedby]=\"getDescribedBy()\"\n        [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n    >\n        <legend *ngIf=\"!!label\" [ngClass]=\"isLabelSrOnly ? 'sr-only' : 'vd-p'\">\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        <foehn-autocomplete\n            *ngIf=\"!isOnlySwiss\"\n            [label]=\"'foehn-input-address.country.label' | fromDictionary\"\n            [elements]=\"countries | async\"\n            elementLabel=\"shortNameFr\"\n            [elementValue]=\"identity\"\n            [elementValueIdentity]=\"countryIdentity\"\n            (modelChange)=\"countryUpdated($event)\"\n            (userInput)=\"userInputCountry()\"\n            [model]=\"country\"\n            [name]=\"name + '.country'\"\n            [required]=\"countryRequired\"\n            [disabled]=\"disabled\"\n        ></foehn-autocomplete>\n\n        <ng-container *ngIf=\"isSwiss()\">\n            <foehn-autocomplete\n                [label]=\"'foehn-input-address.locality.label' | fromDictionary\"\n                [elements]=\"localities | async\"\n                [elementLabel]=\"getLocalityDisplayedName\"\n                [elementValue]=\"identity\"\n                [elementValueIdentity]=\"localityIdentity\"\n                (modelChange)=\"localityUpdated($event)\"\n                (userInput)=\"userInputLocality($event)\"\n                [model]=\"locality\"\n                [name]=\"name + '.locality'\"\n                [allowCustomValue]=\"disabled\"\n                [required]=\"swissNpaLocalityRequired\"\n                [allElementDisabled]=\"!country\"\n                [disabled]=\"disabled\"\n            ></foehn-autocomplete>\n\n            <foehn-autocomplete\n                [label]=\"'foehn-input-address.street.label' | fromDictionary\"\n                [elements]=\"streets | async\"\n                elementLabel=\"longName\"\n                [elementValue]=\"identity\"\n                [elementValueIdentity]=\"streetIdentity\"\n                (modelChange)=\"streetUpdated($event)\"\n                [model]=\"street\"\n                [name]=\"name + '.street'\"\n                [allowCustomValue]=\"true\"\n                [customValueModelGenerator]=\"streetGenerator\"\n                [required]=\"isStreetRequired()\"\n                [helpText]=\"\n                    'foehn-input-address.street.help-text' | fromDictionary\n                \"\n                [customErrors]=\"streetCustomErrors\"\n                [allElementDisabled]=\"!country\"\n                (userInput)=\"userInputStreet($event)\"\n                [disabled]=\"disabled\"\n            ></foehn-autocomplete>\n\n            <foehn-autocomplete\n                [label]=\"\n                    'foehn-input-address.houseNumber.label' | fromDictionary\n                \"\n                [elements]=\"streetNumbers | async\"\n                elementLabel=\"name\"\n                elementValue=\"name\"\n                [(model)]=\"houseNumber\"\n                [name]=\"name + '.houseNumber'\"\n                [allowCustomValue]=\"true\"\n                [helpText]=\"\n                    'foehn-input-address.houseNumber.help-text' | fromDictionary\n                \"\n                [allElementDisabled]=\"!country\"\n                (modelChange)=\"updateAddress()\"\n                (userInput)=\"handleUserInput()\"\n                [required]=\"streetNumberRequired\"\n                [disabled]=\"disabled\"\n            ></foehn-autocomplete>\n        </ng-container>\n\n        <ng-container *ngIf=\"!isSwiss()\">\n            <!--\n            Component <foehn-input-foreign-locality> is special because we use the same model when swiss or foreigner.\n            To do so, we need:\n                - Errors will be bind on 'locality' when NULL or on 'zipCode' and 'longName' model inside component when EMPTY\n                - Hide label from component because we need label from children to be displayed (isLabelSrOnly: true)\n                - required and disabled params are transmitted to children\n             -->\n            <foehn-input-foreign-locality\n                [label]=\"'foehn-input-address.locality.label' | fromDictionary\"\n                [name]=\"name + '.locality'\"\n                [(model)]=\"locality\"\n                [zipCodeRequired]=\"foreignZipCodeRequired\"\n                [localityRequired]=\"foreignLocalityRequired\"\n                [isLabelSrOnly]=\"true\"\n                [disabled]=\"!country || disabled\"\n                (modelChange)=\"updateAddress()\"\n                (userInput)=\"handleUserInput()\"\n            ></foehn-input-foreign-locality>\n            <!--\n            Component <foehn-input-foreign-street> is special because we use the same model when swiss or foreigner.\n            To do so, we need:\n                - Errors will be bind on 'street' when NULL or on 'longName' model inside component when EMPTY\n                - required, helpText, isLabelSrOnly and disabled  params are transmitted to children\n             -->\n            <foehn-input-foreign-street\n                [label]=\"'foehn-input-address.street.label' | fromDictionary\"\n                [name]=\"name + '.street'\"\n                [(model)]=\"street\"\n                [required]=\"isForeignStreetRequired()\"\n                [helpText]=\"\n                    'foehn-input-address.street.help-text' | fromDictionary\n                \"\n                [customErrors]=\"streetCustomErrors\"\n                [disabled]=\"!country || disabled\"\n                (modelChange)=\"updateAddress()\"\n                (userInput)=\"handleUserInput()\"\n            ></foehn-input-foreign-street>\n\n            <foehn-input-text\n                #foreignHouseNumber\n                [label]=\"\n                    'foehn-input-address.houseNumber.label' | fromDictionary\n                \"\n                [name]=\"name + '.houseNumber'\"\n                [(model)]=\"houseNumber\"\n                [helpText]=\"\n                    'foehn-input-address.houseNumber.help-text' | fromDictionary\n                \"\n                [disabled]=\"!country || disabled\"\n                (modelChange)=\"updateAddress()\"\n                (userInput)=\"handleUserInput()\"\n                [required]=\"foreignStreetNumberRequired\"\n            ></foehn-input-text>\n        </ng-container>\n\n        <foehn-input-text\n            *ngIf=\"showPostOfficeBoxText\"\n            [(model)]=\"postOfficeBoxText\"\n            [helpText]=\"\n                'foehn-input-address.postOfficeBoxText.help-text'\n                    | fromDictionary\n            \"\n            [label]=\"\n                'foehn-input-address.postOfficeBoxText.label' | fromDictionary\n            \"\n            [name]=\"name + '.postOfficeBoxText'\"\n            (modelChange)=\"updateAddress()\"\n            (userInput)=\"handleUserInput()\"\n            [required]=\"isPostOfficeBoxTextRequired()\"\n            [disabled]=\"disabled\"\n        ></foehn-input-text>\n\n        <foehn-input-text\n            *ngIf=\"showAdressLines && showAdressLine1\"\n            [(model)]=\"addressLine1\"\n            [label]=\"'foehn-input-address.addressLine1.label' | fromDictionary\"\n            [name]=\"name + '.addressLine1'\"\n            (modelChange)=\"updateAddress()\"\n            (userInput)=\"handleUserInput()\"\n            [required]=\"addressLine1Required\"\n            [autocomplete]=\"'address-line2'\"\n            [disabled]=\"disabled\"\n        ></foehn-input-text>\n\n        <foehn-input-text\n            *ngIf=\"showAdressLines && showAdressLine2\"\n            [(model)]=\"addressLine2\"\n            [label]=\"'foehn-input-address.addressLine2.label' | fromDictionary\"\n            [name]=\"name + '.addressLine2'\"\n            (modelChange)=\"updateAddress()\"\n            (userInput)=\"handleUserInput()\"\n            [required]=\"addressLine2Required\"\n            [autocomplete]=\"'address-line3'\"\n            [disabled]=\"disabled\"\n        ></foehn-input-text>\n    </fieldset>\n</div>\n", components: [{ type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }, { type: FoehnAutocompleteComponent, selector: "foehn-autocomplete", inputs: ["searchValueMinCharsCount", "allowCustomValue", "customValueModelGenerator", "itemHeightInSuggestionListInPx", "elementSuggestionLabel", "caseSensitiveSearch", "disabled"] }, { type: FoehnInputForeignLocalityComponent, selector: "foehn-input-foreign-locality", inputs: ["localityRequired", "zipCodeRequired"] }, { type: FoehnInputForeignStreetComponent, selector: "foehn-input-foreign-street" }, { type: FoehnInputTextComponent, selector: "foehn-input-text", inputs: ["numberOnly"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "fromDictionary": SdkDictionaryPipe, "async": i3.AsyncPipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FoehnInputAddressComponent, decorators: [{
             type: Component,
             args: [{ selector: 'foehn-input-address', providers: [
@@ -9191,8 +9391,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                             useExisting: forwardRef(() => FoehnInputAddressComponent),
                             multi: true
                         }
-                    ], template: "<div\n    [attr.id]=\"buildId() + 'Container'\"\n    class=\"form-group\"\n    [class.has-danger]=\"hasErrorsToDisplay()\"\n    [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n    [tabIndex]=\"-1\"\n>\n    <fieldset\n        class=\"mb-3\"\n        [attr.aria-describedby]=\"getDescribedBy()\"\n        [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n    >\n        <legend *ngIf=\"!!label\" [ngClass]=\"isLabelSrOnly ? 'sr-only' : 'vd-p'\">\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        <foehn-autocomplete\n            *ngIf=\"!isOnlySwiss\"\n            [label]=\"'foehn-input-address.country.label' | fromDictionary\"\n            [elements]=\"countries | async\"\n            elementLabel=\"shortNameFr\"\n            [elementValue]=\"identity\"\n            [elementValueIdentity]=\"countryIdentity\"\n            (modelChange)=\"countryUpdated($event)\"\n            (userInput)=\"userInputCountry()\"\n            [model]=\"country\"\n            [name]=\"name + '.country'\"\n            [required]=\"countryRequired\"\n            [disabled]=\"disabled\"\n        ></foehn-autocomplete>\n\n        <ng-container *ngIf=\"isSwiss()\">\n            <foehn-autocomplete\n                [label]=\"'foehn-input-address.locality.label' | fromDictionary\"\n                [elements]=\"localities | async\"\n                [elementLabel]=\"getLocalityDisplayedName\"\n                [elementValue]=\"identity\"\n                [elementValueIdentity]=\"localityIdentity\"\n                (modelChange)=\"localityUpdated($event)\"\n                (userInput)=\"userInputLocality($event)\"\n                [model]=\"locality\"\n                [name]=\"name + '.locality'\"\n                [allowCustomValue]=\"disabled\"\n                [required]=\"swissNpaLocalityRequired\"\n                [allElementDisabled]=\"!country\"\n                [disabled]=\"disabled\"\n            ></foehn-autocomplete>\n\n            <foehn-autocomplete\n                [label]=\"'foehn-input-address.street.label' | fromDictionary\"\n                [elements]=\"streets | async\"\n                elementLabel=\"longName\"\n                [elementValue]=\"identity\"\n                [elementValueIdentity]=\"streetIdentity\"\n                (modelChange)=\"streetUpdated($event)\"\n                [model]=\"street\"\n                [name]=\"name + '.street'\"\n                [allowCustomValue]=\"true\"\n                [customValueModelGenerator]=\"streetGenerator\"\n                [required]=\"streetRequired\"\n                [helpText]=\"\n                    'foehn-input-address.street.help-text' | fromDictionary\n                \"\n                [allElementDisabled]=\"!country\"\n                (userInput)=\"userInputStreet($event)\"\n                [disabled]=\"disabled\"\n            ></foehn-autocomplete>\n\n            <foehn-autocomplete\n                [label]=\"\n                    'foehn-input-address.houseNumber.label' | fromDictionary\n                \"\n                [elements]=\"streetNumbers | async\"\n                elementLabel=\"name\"\n                elementValue=\"name\"\n                [(model)]=\"houseNumber\"\n                [name]=\"name + '.houseNumber'\"\n                [allowCustomValue]=\"true\"\n                [helpText]=\"\n                    'foehn-input-address.houseNumber.help-text' | fromDictionary\n                \"\n                [allElementDisabled]=\"!country\"\n                (modelChange)=\"updateAddress()\"\n                (userInput)=\"handleUserInput()\"\n                [required]=\"streetNumberRequired\"\n                [disabled]=\"disabled\"\n            ></foehn-autocomplete>\n        </ng-container>\n\n        <ng-container *ngIf=\"!isSwiss()\">\n            <!--\n            Component <foehn-input-foreign-locality> is special because we use the same model when swiss or foreigner.\n            To do so, we need:\n                - Errors will be bind on 'locality' when NULL or on 'zipCode' and 'longName' model inside component when EMPTY\n                - Hide label from component because we need label from children to be displayed (isLabelSrOnly: true)\n                - required and disabled params are transmitted to children\n             -->\n            <foehn-input-foreign-locality\n                [label]=\"'foehn-input-address.locality.label' | fromDictionary\"\n                [name]=\"name + '.locality'\"\n                [(model)]=\"locality\"\n                [zipCodeRequired]=\"foreignZipCodeRequired\"\n                [localityRequired]=\"foreignLocalityRequired\"\n                [isLabelSrOnly]=\"true\"\n                [disabled]=\"!country || disabled\"\n                (modelChange)=\"updateAddress()\"\n                (userInput)=\"handleUserInput()\"\n            ></foehn-input-foreign-locality>\n            <!--\n            Component <foehn-input-foreign-street> is special because we use the same model when swiss or foreigner.\n            To do so, we need:\n                - Errors will be bind on 'street' when NULL or on 'longName' model inside component when EMPTY\n                - required, helpText, isLabelSrOnly and disabled  params are transmitted to children\n             -->\n            <foehn-input-foreign-street\n                [label]=\"'foehn-input-address.street.label' | fromDictionary\"\n                [name]=\"name + '.street'\"\n                [(model)]=\"street\"\n                [required]=\"foreignStreetRequired\"\n                [helpText]=\"\n                    'foehn-input-address.street.help-text' | fromDictionary\n                \"\n                [disabled]=\"!country || disabled\"\n                (modelChange)=\"updateAddress()\"\n                (userInput)=\"handleUserInput()\"\n            ></foehn-input-foreign-street>\n\n            <foehn-input-text\n                #foreignHouseNumber\n                [label]=\"\n                    'foehn-input-address.houseNumber.label' | fromDictionary\n                \"\n                [name]=\"name + '.houseNumber'\"\n                [(model)]=\"houseNumber\"\n                [helpText]=\"\n                    'foehn-input-address.houseNumber.help-text' | fromDictionary\n                \"\n                [disabled]=\"!country || disabled\"\n                (modelChange)=\"updateAddress()\"\n                (userInput)=\"handleUserInput()\"\n                [required]=\"foreignStreetNumberRequired\"\n            ></foehn-input-text>\n        </ng-container>\n\n        <foehn-input-text\n            *ngIf=\"showPostOfficeBoxText\"\n            [(model)]=\"postOfficeBoxText\"\n            [helpText]=\"\n                'foehn-input-address.postOfficeBoxText.help-text'\n                    | fromDictionary\n            \"\n            [label]=\"\n                'foehn-input-address.postOfficeBoxText.label' | fromDictionary\n            \"\n            [name]=\"name + '.postOfficeBoxText'\"\n            (modelChange)=\"updateAddress()\"\n            (userInput)=\"handleUserInput()\"\n            [required]=\"postOfficeBoxTextRequired\"\n            [disabled]=\"disabled\"\n        ></foehn-input-text>\n\n        <foehn-input-text\n            *ngIf=\"showAdressLines && showAdressLine1\"\n            [(model)]=\"addressLine1\"\n            [label]=\"'foehn-input-address.addressLine1.label' | fromDictionary\"\n            [name]=\"name + '.addressLine1'\"\n            (modelChange)=\"updateAddress()\"\n            (userInput)=\"handleUserInput()\"\n            [required]=\"addressLine1Required\"\n            [autocomplete]=\"'address-line2'\"\n            [disabled]=\"disabled\"\n        ></foehn-input-text>\n\n        <foehn-input-text\n            *ngIf=\"showAdressLines && showAdressLine2\"\n            [(model)]=\"addressLine2\"\n            [label]=\"'foehn-input-address.addressLine2.label' | fromDictionary\"\n            [name]=\"name + '.addressLine2'\"\n            (modelChange)=\"updateAddress()\"\n            (userInput)=\"handleUserInput()\"\n            [required]=\"addressLine2Required\"\n            [autocomplete]=\"'address-line3'\"\n            [disabled]=\"disabled\"\n        ></foehn-input-text>\n    </fieldset>\n</div>\n" }]
-        }], ctorParameters: function () { return [{ type: i1.HttpClient }, { type: i0.NgZone }]; }, propDecorators: { foreignLocalityComponent: [{
+                    ], template: "<div\n    [attr.id]=\"buildId() + 'Container'\"\n    class=\"form-group\"\n    [class.has-danger]=\"hasErrorsToDisplay()\"\n    [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n    [tabIndex]=\"-1\"\n>\n    <fieldset\n        class=\"mb-3\"\n        [attr.aria-describedby]=\"getDescribedBy()\"\n        [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n    >\n        <legend *ngIf=\"!!label\" [ngClass]=\"isLabelSrOnly ? 'sr-only' : 'vd-p'\">\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        <foehn-autocomplete\n            *ngIf=\"!isOnlySwiss\"\n            [label]=\"'foehn-input-address.country.label' | fromDictionary\"\n            [elements]=\"countries | async\"\n            elementLabel=\"shortNameFr\"\n            [elementValue]=\"identity\"\n            [elementValueIdentity]=\"countryIdentity\"\n            (modelChange)=\"countryUpdated($event)\"\n            (userInput)=\"userInputCountry()\"\n            [model]=\"country\"\n            [name]=\"name + '.country'\"\n            [required]=\"countryRequired\"\n            [disabled]=\"disabled\"\n        ></foehn-autocomplete>\n\n        <ng-container *ngIf=\"isSwiss()\">\n            <foehn-autocomplete\n                [label]=\"'foehn-input-address.locality.label' | fromDictionary\"\n                [elements]=\"localities | async\"\n                [elementLabel]=\"getLocalityDisplayedName\"\n                [elementValue]=\"identity\"\n                [elementValueIdentity]=\"localityIdentity\"\n                (modelChange)=\"localityUpdated($event)\"\n                (userInput)=\"userInputLocality($event)\"\n                [model]=\"locality\"\n                [name]=\"name + '.locality'\"\n                [allowCustomValue]=\"disabled\"\n                [required]=\"swissNpaLocalityRequired\"\n                [allElementDisabled]=\"!country\"\n                [disabled]=\"disabled\"\n            ></foehn-autocomplete>\n\n            <foehn-autocomplete\n                [label]=\"'foehn-input-address.street.label' | fromDictionary\"\n                [elements]=\"streets | async\"\n                elementLabel=\"longName\"\n                [elementValue]=\"identity\"\n                [elementValueIdentity]=\"streetIdentity\"\n                (modelChange)=\"streetUpdated($event)\"\n                [model]=\"street\"\n                [name]=\"name + '.street'\"\n                [allowCustomValue]=\"true\"\n                [customValueModelGenerator]=\"streetGenerator\"\n                [required]=\"isStreetRequired()\"\n                [helpText]=\"\n                    'foehn-input-address.street.help-text' | fromDictionary\n                \"\n                [customErrors]=\"streetCustomErrors\"\n                [allElementDisabled]=\"!country\"\n                (userInput)=\"userInputStreet($event)\"\n                [disabled]=\"disabled\"\n            ></foehn-autocomplete>\n\n            <foehn-autocomplete\n                [label]=\"\n                    'foehn-input-address.houseNumber.label' | fromDictionary\n                \"\n                [elements]=\"streetNumbers | async\"\n                elementLabel=\"name\"\n                elementValue=\"name\"\n                [(model)]=\"houseNumber\"\n                [name]=\"name + '.houseNumber'\"\n                [allowCustomValue]=\"true\"\n                [helpText]=\"\n                    'foehn-input-address.houseNumber.help-text' | fromDictionary\n                \"\n                [allElementDisabled]=\"!country\"\n                (modelChange)=\"updateAddress()\"\n                (userInput)=\"handleUserInput()\"\n                [required]=\"streetNumberRequired\"\n                [disabled]=\"disabled\"\n            ></foehn-autocomplete>\n        </ng-container>\n\n        <ng-container *ngIf=\"!isSwiss()\">\n            <!--\n            Component <foehn-input-foreign-locality> is special because we use the same model when swiss or foreigner.\n            To do so, we need:\n                - Errors will be bind on 'locality' when NULL or on 'zipCode' and 'longName' model inside component when EMPTY\n                - Hide label from component because we need label from children to be displayed (isLabelSrOnly: true)\n                - required and disabled params are transmitted to children\n             -->\n            <foehn-input-foreign-locality\n                [label]=\"'foehn-input-address.locality.label' | fromDictionary\"\n                [name]=\"name + '.locality'\"\n                [(model)]=\"locality\"\n                [zipCodeRequired]=\"foreignZipCodeRequired\"\n                [localityRequired]=\"foreignLocalityRequired\"\n                [isLabelSrOnly]=\"true\"\n                [disabled]=\"!country || disabled\"\n                (modelChange)=\"updateAddress()\"\n                (userInput)=\"handleUserInput()\"\n            ></foehn-input-foreign-locality>\n            <!--\n            Component <foehn-input-foreign-street> is special because we use the same model when swiss or foreigner.\n            To do so, we need:\n                - Errors will be bind on 'street' when NULL or on 'longName' model inside component when EMPTY\n                - required, helpText, isLabelSrOnly and disabled  params are transmitted to children\n             -->\n            <foehn-input-foreign-street\n                [label]=\"'foehn-input-address.street.label' | fromDictionary\"\n                [name]=\"name + '.street'\"\n                [(model)]=\"street\"\n                [required]=\"isForeignStreetRequired()\"\n                [helpText]=\"\n                    'foehn-input-address.street.help-text' | fromDictionary\n                \"\n                [customErrors]=\"streetCustomErrors\"\n                [disabled]=\"!country || disabled\"\n                (modelChange)=\"updateAddress()\"\n                (userInput)=\"handleUserInput()\"\n            ></foehn-input-foreign-street>\n\n            <foehn-input-text\n                #foreignHouseNumber\n                [label]=\"\n                    'foehn-input-address.houseNumber.label' | fromDictionary\n                \"\n                [name]=\"name + '.houseNumber'\"\n                [(model)]=\"houseNumber\"\n                [helpText]=\"\n                    'foehn-input-address.houseNumber.help-text' | fromDictionary\n                \"\n                [disabled]=\"!country || disabled\"\n                (modelChange)=\"updateAddress()\"\n                (userInput)=\"handleUserInput()\"\n                [required]=\"foreignStreetNumberRequired\"\n            ></foehn-input-text>\n        </ng-container>\n\n        <foehn-input-text\n            *ngIf=\"showPostOfficeBoxText\"\n            [(model)]=\"postOfficeBoxText\"\n            [helpText]=\"\n                'foehn-input-address.postOfficeBoxText.help-text'\n                    | fromDictionary\n            \"\n            [label]=\"\n                'foehn-input-address.postOfficeBoxText.label' | fromDictionary\n            \"\n            [name]=\"name + '.postOfficeBoxText'\"\n            (modelChange)=\"updateAddress()\"\n            (userInput)=\"handleUserInput()\"\n            [required]=\"isPostOfficeBoxTextRequired()\"\n            [disabled]=\"disabled\"\n        ></foehn-input-text>\n\n        <foehn-input-text\n            *ngIf=\"showAdressLines && showAdressLine1\"\n            [(model)]=\"addressLine1\"\n            [label]=\"'foehn-input-address.addressLine1.label' | fromDictionary\"\n            [name]=\"name + '.addressLine1'\"\n            (modelChange)=\"updateAddress()\"\n            (userInput)=\"handleUserInput()\"\n            [required]=\"addressLine1Required\"\n            [autocomplete]=\"'address-line2'\"\n            [disabled]=\"disabled\"\n        ></foehn-input-text>\n\n        <foehn-input-text\n            *ngIf=\"showAdressLines && showAdressLine2\"\n            [(model)]=\"addressLine2\"\n            [label]=\"'foehn-input-address.addressLine2.label' | fromDictionary\"\n            [name]=\"name + '.addressLine2'\"\n            (modelChange)=\"updateAddress()\"\n            (userInput)=\"handleUserInput()\"\n            [required]=\"addressLine2Required\"\n            [autocomplete]=\"'address-line3'\"\n            [disabled]=\"disabled\"\n        ></foehn-input-text>\n    </fieldset>\n</div>\n" }]
+        }], ctorParameters: function () { return [{ type: i1.HttpClient }, { type: i0.NgZone }, { type: SdkDictionaryService }]; }, propDecorators: { foreignLocalityComponent: [{
                 type: ViewChild,
                 args: [FoehnInputForeignLocalityComponent, { static: false }]
             }], foreignStreetComponent: [{
@@ -9520,7 +9720,7 @@ FoehnMultiselectAutocompleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVer
             useExisting: forwardRef(() => FoehnMultiselectAutocompleteComponent),
             multi: true
         }
-    ], viewQueries: [{ propertyName: "autocompleteComponent", first: true, predicate: ["autocompleteComponent"], descendants: true }, { propertyName: "alertMessageContainer", first: true, predicate: ["alertMessageContainer"], descendants: true }, { propertyName: "defaultDeleteFocusArea", first: true, predicate: ["defaultDeleteFocusArea"], descendants: true }, { propertyName: "selectedElemRef", predicate: ["selectedElemRef"], descendants: true }, { propertyName: "defaultElemRef", predicate: ["defaultElemRef"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<foehn-autocomplete\n    #autocompleteComponent\n    [name]=\"name\"\n    [label]=\"label\"\n    [elements]=\"elements\"\n    [elementsUrl]=\"elementsUrl\"\n    [elementValue]=\"elementValue\"\n    [elementLabel]=\"elementLabel\"\n    [elementSuggestionLabel]=\"elementSuggestionLabel\"\n    [elementValueIdentity]=\"elementValueIdentity\"\n    [elementDisabled]=\"elementDisabled\"\n    [allElementDisabled]=\"allElementDisabled\"\n    [elementGroup]=\"elementGroup\"\n    [allowCustomValue]=\"false\"\n    [searchValueMinCharsCount]=\"searchValueMinCharsCount\"\n    [customValueModelGenerator]=\"customValueModelGenerator\"\n    [required]=\"required\"\n    [disabled]=\"disabled\"\n    (userInput)=\"addItem($event)\"\n    [(model)]=\"autocompleteInputValue\"\n    (elementsLoaded)=\"onAutocompleteElementsLoaded($event)\"\n    [showErrorWhenDisabled]=\"showErrorWhenDisabled\"\n    [hideNotRequiredExtraLabel]=\"hideNotRequiredExtraLabel\"\n    [itemHeightInSuggestionListInPx]=\"itemHeightInSuggestionListInPx\"\n    [caseSensitiveSearch]=\"caseSensitiveSearch\"\n>\n    <small\n        *ngIf=\"!showEmptyListMessage\"\n        [attr.id]=\"buildChildId('Help')\"\n        class=\"form-text text-secondary\"\n        [innerHTML]=\"\n            helpText\n                ? helpText\n                : ('foehn-multiselect-autocomplete.autocomplete.screen-reader.label'\n                  | fromDictionary)\n        \"\n    ></small>\n\n    <ng-content></ng-content>\n\n    <div\n        [id]=\"buildChildId('AlertMessageContainer')\"\n        role=\"status\"\n        #alertMessageContainer\n    >\n        <p\n            *ngIf=\"showEmptyListMessage\"\n            class=\"alert alert-info mb-0\"\n            tabindex=\"0\"\n        >\n            {{\n                'foehn-multiselect-autocomplete.autocomplete.empty-message'\n                    | fromDictionary\n            }}\n        </p>\n    </div>\n</foehn-autocomplete>\n\n<p class=\"sr-only\" aria-live=\"polite\" aria-atomic=\"true\">\n    {{ srAnnouncements }}\n</p>\n\n<div\n    class=\"form-group selected-list-container d-flex align-content-stretch flex-wrap\"\n    [ngClass]=\"!!model && !!model.length ? 'pt-2' : 'pt-0'\"\n    [class.has-danger]=\"hasErrorsToDisplay()\"\n    [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n    tabindex=\"-1\"\n>\n    <span\n        *ngIf=\"hasDefaultDeleteFocusArea()\"\n        class=\"sr-only\"\n        [tabindex]=\"0\"\n        [innerHTML]=\"\n            'foehn-multiselect-autocomplete.sr-default-focus.no-element-to-delete'\n                | fromDictionary\n        \"\n        #defaultDeleteFocusArea\n    ></span>\n    <ng-container\n        *ngFor=\"let element of model; let index = index; trackBy: trackByFn\"\n    >\n        <span\n            *ngIf=\"!canBeDeleted(index)\"\n            class=\"badge badge-pill badge-secondary mr-1 mb-1 py-2 px-3 d-flex align-items-center\"\n            [tabindex]=\"disabled ? -1 : 0\"\n            [attr.aria-describedby]=\"buildChildId('Label')\"\n            #defaultElemRef\n        >\n            {{ getBadgeLabel(element) }}\n            <span class=\"sr-only\">\n                {{\n                    'foehn-multiselect-autocomplete.sr-default-selected-element'\n                        | fromDictionary\n                }}\n            </span>\n        </span>\n        <button\n            *ngIf=\"canBeDeleted(index)\"\n            class=\"btn btn-danger badge badge-pill mr-1 mb-1 py-2 px-3 d-flex align-items-center\"\n            [tabindex]=\"0\"\n            [attr.aria-label]=\"getDeleteButtonAriaLabel(element)\"\n            [attr.aria-describedby]=\"buildChildId('Label')\"\n            [title]=\"getDeleteButtonAriaLabel(element)\"\n            (click)=\"removeItem(element, index)\"\n            #selectedElemRef\n        >\n            {{ getBadgeLabel(element) }}\n            <foehn-icon-times\n                aria-hidden=\"true\"\n                class=\"ml-2\"\n                [title]=\"getDeleteButtonAriaLabel(element)\"\n            ></foehn-icon-times>\n        </button>\n    </ng-container>\n</div>\n", styles: ["foehn-autocomplete p.alert:focus{outline:0;box-shadow:inset 0 1px 1px #00000013,0 0 0 .2rem var(--vd-focus)}:host ::ng-deep foehn-autocomplete .form-group{margin-bottom:0!important}.selected-list-container button>.btn,.btn-link{line-height:inherit;padding:0}.selected-list-container .btn{text-transform:none}:host ::ng-deep .btn .svg-inline--fa{color:#fff!important}.selected-list-container span.badge-pill:focus{outline:0;box-shadow:inset 0 1px 1px #00000013,0 0 0 .2rem var(--vd-focus)}\n"], components: [{ type: FoehnAutocompleteComponent, selector: "foehn-autocomplete", inputs: ["searchValueMinCharsCount", "allowCustomValue", "customValueModelGenerator", "itemHeightInSuggestionListInPx", "elementSuggestionLabel", "caseSensitiveSearch"] }, { type: FoehnIconTimesComponent, selector: "foehn-icon-times" }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "fromDictionary": SdkDictionaryPipe } });
+    ], viewQueries: [{ propertyName: "autocompleteComponent", first: true, predicate: ["autocompleteComponent"], descendants: true }, { propertyName: "alertMessageContainer", first: true, predicate: ["alertMessageContainer"], descendants: true }, { propertyName: "defaultDeleteFocusArea", first: true, predicate: ["defaultDeleteFocusArea"], descendants: true }, { propertyName: "selectedElemRef", predicate: ["selectedElemRef"], descendants: true }, { propertyName: "defaultElemRef", predicate: ["defaultElemRef"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<foehn-autocomplete\n    #autocompleteComponent\n    [name]=\"name\"\n    [label]=\"label\"\n    [elements]=\"elements\"\n    [elementsUrl]=\"elementsUrl\"\n    [elementValue]=\"elementValue\"\n    [elementLabel]=\"elementLabel\"\n    [elementSuggestionLabel]=\"elementSuggestionLabel\"\n    [elementValueIdentity]=\"elementValueIdentity\"\n    [elementDisabled]=\"elementDisabled\"\n    [allElementDisabled]=\"allElementDisabled\"\n    [elementGroup]=\"elementGroup\"\n    [allowCustomValue]=\"false\"\n    [searchValueMinCharsCount]=\"searchValueMinCharsCount\"\n    [customValueModelGenerator]=\"customValueModelGenerator\"\n    [required]=\"required\"\n    [disabled]=\"disabled\"\n    (userInput)=\"addItem($event)\"\n    [(model)]=\"autocompleteInputValue\"\n    (elementsLoaded)=\"onAutocompleteElementsLoaded($event)\"\n    [showErrorWhenDisabled]=\"showErrorWhenDisabled\"\n    [hideNotRequiredExtraLabel]=\"hideNotRequiredExtraLabel\"\n    [itemHeightInSuggestionListInPx]=\"itemHeightInSuggestionListInPx\"\n    [caseSensitiveSearch]=\"caseSensitiveSearch\"\n>\n    <small\n        *ngIf=\"!showEmptyListMessage\"\n        [attr.id]=\"buildChildId('Help')\"\n        class=\"form-text text-secondary\"\n        [innerHTML]=\"\n            helpText\n                ? helpText\n                : ('foehn-multiselect-autocomplete.autocomplete.screen-reader.label'\n                  | fromDictionary)\n        \"\n    ></small>\n\n    <ng-content></ng-content>\n\n    <div\n        [id]=\"buildChildId('AlertMessageContainer')\"\n        role=\"status\"\n        #alertMessageContainer\n    >\n        <p\n            *ngIf=\"showEmptyListMessage\"\n            class=\"alert alert-info mb-0\"\n            tabindex=\"0\"\n        >\n            {{\n                'foehn-multiselect-autocomplete.autocomplete.empty-message'\n                    | fromDictionary\n            }}\n        </p>\n    </div>\n</foehn-autocomplete>\n\n<p class=\"sr-only\" aria-live=\"polite\" aria-atomic=\"true\">\n    {{ srAnnouncements }}\n</p>\n\n<div\n    class=\"form-group selected-list-container d-flex align-content-stretch flex-wrap\"\n    [ngClass]=\"!!model && !!model.length ? 'pt-2' : 'pt-0'\"\n    [class.has-danger]=\"hasErrorsToDisplay()\"\n    [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n    tabindex=\"-1\"\n>\n    <span\n        *ngIf=\"hasDefaultDeleteFocusArea()\"\n        class=\"sr-only\"\n        [tabindex]=\"0\"\n        [innerHTML]=\"\n            'foehn-multiselect-autocomplete.sr-default-focus.no-element-to-delete'\n                | fromDictionary\n        \"\n        #defaultDeleteFocusArea\n    ></span>\n    <ng-container\n        *ngFor=\"let element of model; let index = index; trackBy: trackByFn\"\n    >\n        <span\n            *ngIf=\"!canBeDeleted(index)\"\n            class=\"badge badge-pill badge-secondary mr-1 mb-1 py-2 px-3 d-flex align-items-center\"\n            [tabindex]=\"disabled ? -1 : 0\"\n            [attr.aria-describedby]=\"buildChildId('Label')\"\n            #defaultElemRef\n        >\n            {{ getBadgeLabel(element) }}\n            <span class=\"sr-only\">\n                {{\n                    'foehn-multiselect-autocomplete.sr-default-selected-element'\n                        | fromDictionary\n                }}\n            </span>\n        </span>\n        <button\n            *ngIf=\"canBeDeleted(index)\"\n            class=\"btn btn-danger badge badge-pill mr-1 mb-1 py-2 px-3 d-flex align-items-center\"\n            [tabindex]=\"0\"\n            [attr.aria-label]=\"getDeleteButtonAriaLabel(element)\"\n            [attr.aria-describedby]=\"buildChildId('Label')\"\n            [title]=\"getDeleteButtonAriaLabel(element)\"\n            (click)=\"removeItem(element, index)\"\n            #selectedElemRef\n        >\n            {{ getBadgeLabel(element) }}\n            <foehn-icon-times\n                aria-hidden=\"true\"\n                class=\"ml-2\"\n                [title]=\"getDeleteButtonAriaLabel(element)\"\n            ></foehn-icon-times>\n        </button>\n    </ng-container>\n</div>\n", styles: ["foehn-autocomplete p.alert:focus{outline:0;box-shadow:inset 0 1px 1px #00000013,0 0 0 .2rem var(--vd-focus)}:host ::ng-deep foehn-autocomplete .form-group{margin-bottom:0!important}.selected-list-container button>.btn,.btn-link{line-height:inherit;padding:0}.selected-list-container .btn{text-transform:none}:host ::ng-deep .btn .svg-inline--fa{color:#fff!important}.selected-list-container span.badge-pill:focus{outline:0;box-shadow:inset 0 1px 1px #00000013,0 0 0 .2rem var(--vd-focus)}\n"], components: [{ type: FoehnAutocompleteComponent, selector: "foehn-autocomplete", inputs: ["searchValueMinCharsCount", "allowCustomValue", "customValueModelGenerator", "itemHeightInSuggestionListInPx", "elementSuggestionLabel", "caseSensitiveSearch", "disabled"] }, { type: FoehnIconTimesComponent, selector: "foehn-icon-times" }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "fromDictionary": SdkDictionaryPipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FoehnMultiselectAutocompleteComponent, decorators: [{
             type: Component,
             args: [{ selector: 'foehn-multiselect-autocomplete', providers: [
@@ -9747,16 +9947,17 @@ class FoehnBooleanRadioComponent extends FoehnInputComponent {
         super(...arguments);
         this.trueLabel = 'Oui';
         this.falseLabel = 'Non';
+        this.verticalDisplay = false;
     }
 }
 FoehnBooleanRadioComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FoehnBooleanRadioComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-FoehnBooleanRadioComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: FoehnBooleanRadioComponent, selector: "foehn-boolean-radio", inputs: { trueLabel: "trueLabel", falseLabel: "falseLabel" }, providers: [
+FoehnBooleanRadioComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: FoehnBooleanRadioComponent, selector: "foehn-boolean-radio", inputs: { trueLabel: "trueLabel", falseLabel: "falseLabel", verticalDisplay: "verticalDisplay" }, providers: [
         {
             provide: FoehnInputComponent,
             useExisting: forwardRef(() => FoehnBooleanRadioComponent),
             multi: true
         }
-    ], usesInheritance: true, ngImport: i0, template: "<div\n    [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n    class=\"form-group\"\n    [attr.id]=\"buildId('Container')\"\n    tabindex=\"-1\"\n>\n    <fieldset [attr.aria-describedby]=\"getDescribedBy()\">\n        <legend *ngIf=\"!!label\" [ngClass]=\"isLabelSrOnly ? 'sr-only' : 'vd-p'\">\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]=\"buildChildId() + 'Help'\"\n            class=\"form-text text-secondary\"\n            [innerHTML]=\"helpText\"\n        ></small>\n\n        <ng-content></ng-content>\n\n        <div class=\"d-flex\">\n            <div class=\"form-check\">\n                <input\n                    type=\"radio\"\n                    class=\"form-check-input\"\n                    [ngModel]=\"model\"\n                    (ngModelChange)=\"updateNgModel($event)\"\n                    [name]=\"buildChildName('True')\"\n                    [attr.name]=\"buildChildName('True')\"\n                    [value]=\"true\"\n                    [attr.id]=\"buildChildId('True')\"\n                    [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n                    [attr.disabled]=\"disabled ? 'disabled' : null\"\n                    (change)=\"handleChange(true)\"\n                    #entryComponent\n                />\n                <label\n                    class=\"form-check-label\"\n                    [for]=\"buildChildId('True')\"\n                    [innerHTML]=\"trueLabel\"\n                ></label>\n            </div>\n\n            <div class=\"form-check ml-2\">\n                <input\n                    type=\"radio\"\n                    class=\"form-check-input\"\n                    [ngModel]=\"model\"\n                    (ngModelChange)=\"updateNgModel($event)\"\n                    [name]=\"buildChildName('False')\"\n                    [attr.name]=\"buildChildName('False')\"\n                    [value]=\"false\"\n                    [attr.id]=\"buildChildId('False')\"\n                    [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n                    [attr.disabled]=\"disabled ? 'disabled' : null\"\n                    (change)=\"handleChange(false)\"\n                />\n                <label\n                    class=\"form-check-label\"\n                    [for]=\"buildChildId('False')\"\n                    [innerHTML]=\"falseLabel\"\n                ></label>\n            </div>\n        </div>\n    </fieldset>\n</div>\n", components: [{ type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "fromDictionary": SdkDictionaryPipe } });
+    ], usesInheritance: true, ngImport: i0, template: "<div\n    [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n    class=\"form-group\"\n    [attr.id]=\"buildId('Container')\"\n    tabindex=\"-1\"\n>\n    <fieldset [attr.aria-describedby]=\"getDescribedBy()\">\n        <legend *ngIf=\"!!label\" [ngClass]=\"isLabelSrOnly ? 'sr-only' : 'vd-p'\">\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]=\"buildChildId() + 'Help'\"\n            class=\"form-text text-secondary\"\n            [innerHTML]=\"helpText\"\n        ></small>\n\n        <ng-content></ng-content>\n\n        <div\n            class=\"d-flex\"\n            [ngClass]=\"verticalDisplay ? 'flex-column' : 'flex-row'\"\n        >\n            <div class=\"form-check\">\n                <input\n                    type=\"radio\"\n                    class=\"form-check-input\"\n                    [ngModel]=\"model\"\n                    (ngModelChange)=\"updateNgModel($event)\"\n                    [name]=\"buildChildName('True')\"\n                    [attr.name]=\"buildChildName('True')\"\n                    [value]=\"true\"\n                    [attr.id]=\"buildChildId('True')\"\n                    [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n                    [attr.disabled]=\"disabled ? 'disabled' : null\"\n                    (change)=\"handleChange(true)\"\n                    #entryComponent\n                />\n                <label\n                    class=\"form-check-label\"\n                    [for]=\"buildChildId('True')\"\n                    [innerHTML]=\"trueLabel\"\n                ></label>\n            </div>\n\n            <div class=\"form-check\" [ngClass]=\"verticalDisplay ? '' : 'ml-2'\">\n                <input\n                    type=\"radio\"\n                    class=\"form-check-input\"\n                    [ngModel]=\"model\"\n                    (ngModelChange)=\"updateNgModel($event)\"\n                    [name]=\"buildChildName('False')\"\n                    [attr.name]=\"buildChildName('False')\"\n                    [value]=\"false\"\n                    [attr.id]=\"buildChildId('False')\"\n                    [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n                    [attr.disabled]=\"disabled ? 'disabled' : null\"\n                    (change)=\"handleChange(false)\"\n                />\n                <label\n                    class=\"form-check-label\"\n                    [for]=\"buildChildId('False')\"\n                    [innerHTML]=\"falseLabel\"\n                ></label>\n            </div>\n        </div>\n    </fieldset>\n</div>\n", components: [{ type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "fromDictionary": SdkDictionaryPipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FoehnBooleanRadioComponent, decorators: [{
             type: Component,
             args: [{ selector: 'foehn-boolean-radio', providers: [
@@ -9765,11 +9966,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                             useExisting: forwardRef(() => FoehnBooleanRadioComponent),
                             multi: true
                         }
-                    ], template: "<div\n    [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n    class=\"form-group\"\n    [attr.id]=\"buildId('Container')\"\n    tabindex=\"-1\"\n>\n    <fieldset [attr.aria-describedby]=\"getDescribedBy()\">\n        <legend *ngIf=\"!!label\" [ngClass]=\"isLabelSrOnly ? 'sr-only' : 'vd-p'\">\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]=\"buildChildId() + 'Help'\"\n            class=\"form-text text-secondary\"\n            [innerHTML]=\"helpText\"\n        ></small>\n\n        <ng-content></ng-content>\n\n        <div class=\"d-flex\">\n            <div class=\"form-check\">\n                <input\n                    type=\"radio\"\n                    class=\"form-check-input\"\n                    [ngModel]=\"model\"\n                    (ngModelChange)=\"updateNgModel($event)\"\n                    [name]=\"buildChildName('True')\"\n                    [attr.name]=\"buildChildName('True')\"\n                    [value]=\"true\"\n                    [attr.id]=\"buildChildId('True')\"\n                    [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n                    [attr.disabled]=\"disabled ? 'disabled' : null\"\n                    (change)=\"handleChange(true)\"\n                    #entryComponent\n                />\n                <label\n                    class=\"form-check-label\"\n                    [for]=\"buildChildId('True')\"\n                    [innerHTML]=\"trueLabel\"\n                ></label>\n            </div>\n\n            <div class=\"form-check ml-2\">\n                <input\n                    type=\"radio\"\n                    class=\"form-check-input\"\n                    [ngModel]=\"model\"\n                    (ngModelChange)=\"updateNgModel($event)\"\n                    [name]=\"buildChildName('False')\"\n                    [attr.name]=\"buildChildName('False')\"\n                    [value]=\"false\"\n                    [attr.id]=\"buildChildId('False')\"\n                    [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n                    [attr.disabled]=\"disabled ? 'disabled' : null\"\n                    (change)=\"handleChange(false)\"\n                />\n                <label\n                    class=\"form-check-label\"\n                    [for]=\"buildChildId('False')\"\n                    [innerHTML]=\"falseLabel\"\n                ></label>\n            </div>\n        </div>\n    </fieldset>\n</div>\n" }]
+                    ], template: "<div\n    [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n    class=\"form-group\"\n    [attr.id]=\"buildId('Container')\"\n    tabindex=\"-1\"\n>\n    <fieldset [attr.aria-describedby]=\"getDescribedBy()\">\n        <legend *ngIf=\"!!label\" [ngClass]=\"isLabelSrOnly ? 'sr-only' : 'vd-p'\">\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]=\"buildChildId() + 'Help'\"\n            class=\"form-text text-secondary\"\n            [innerHTML]=\"helpText\"\n        ></small>\n\n        <ng-content></ng-content>\n\n        <div\n            class=\"d-flex\"\n            [ngClass]=\"verticalDisplay ? 'flex-column' : 'flex-row'\"\n        >\n            <div class=\"form-check\">\n                <input\n                    type=\"radio\"\n                    class=\"form-check-input\"\n                    [ngModel]=\"model\"\n                    (ngModelChange)=\"updateNgModel($event)\"\n                    [name]=\"buildChildName('True')\"\n                    [attr.name]=\"buildChildName('True')\"\n                    [value]=\"true\"\n                    [attr.id]=\"buildChildId('True')\"\n                    [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n                    [attr.disabled]=\"disabled ? 'disabled' : null\"\n                    (change)=\"handleChange(true)\"\n                    #entryComponent\n                />\n                <label\n                    class=\"form-check-label\"\n                    [for]=\"buildChildId('True')\"\n                    [innerHTML]=\"trueLabel\"\n                ></label>\n            </div>\n\n            <div class=\"form-check\" [ngClass]=\"verticalDisplay ? '' : 'ml-2'\">\n                <input\n                    type=\"radio\"\n                    class=\"form-check-input\"\n                    [ngModel]=\"model\"\n                    (ngModelChange)=\"updateNgModel($event)\"\n                    [name]=\"buildChildName('False')\"\n                    [attr.name]=\"buildChildName('False')\"\n                    [value]=\"false\"\n                    [attr.id]=\"buildChildId('False')\"\n                    [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n                    [attr.disabled]=\"disabled ? 'disabled' : null\"\n                    (change)=\"handleChange(false)\"\n                />\n                <label\n                    class=\"form-check-label\"\n                    [for]=\"buildChildId('False')\"\n                    [innerHTML]=\"falseLabel\"\n                ></label>\n            </div>\n        </div>\n    </fieldset>\n</div>\n" }]
         }], propDecorators: { trueLabel: [{
                 type: Input
             }], falseLabel: [{
                 type: Input
+            }], verticalDisplay: [{
+                type: Input
             }] } });
 
 class FoehnBooleanModule {
@@ -13137,5 +13340,5 @@ class SelectedSlot {
  * Generated bundle index. Do not edit.
  */
 
-export { APP_INFO_API_URL, AbstractFoehnUploaderComponent, AbstractListDetailPageComponent, AbstractMenuPageComponent, AbstractPageComponent, AbstractPageFromMenuComponent, ActionStatut, Address, AddressTypeLight, ApplicationInfo, ApplicationInfoService, BAD_PARAMS_HELP_TEXT, BoDocumentError, BoDocumentsWithErrors, BoMultiUploadService, Breadcrumb, BreadcrumbEventService, BreadcrumbItem, CAPTCHA_ERROR_NAME, CURRENCY_REGEXP, Calendar, Canton, Captcha, ComponentError, Configuration, Country, CurrencyHelper, CurrentWeek, DECIMALS_SEPARATOR, DEFAULT_INTERNATIONAL_AND_NO_SWISS, DEFAULT_INTERNATIONAL_AND_NO_SWISS_MOBILE, DEFAULT_INTERNATIONAL_AND_NO_SWISS_PHONE, DEFAULT_INTERNATIONAL_HELP_TEXT, DEFAULT_SWISS_HELP_TEXT, DEFAULT_SWISS_MOBILE_PHONE_HELP_TEXT, DEFAULT_SWISS_PHONE_HELP_TEXT, DICTIONARY_BASE_URL, DateHelper, DatePickerHelper, DatePickerNavigationHelper, DayMonth, DaySlots, DisplayCurrencyPipe, DisplayDatePipe, DisplayLoginMessagesData, District, Document, DocumentError, DocumentReference, DocumentReferenceWithFile, DocumentsWithErrors, EPaymentService, EtapeInfo, FORM_SUPPORT_CYBER_TITLE_FALLBACK, FocusedDay, FoehnAbbrComponent, FoehnAddressModule, FoehnAgendaComponent, FoehnAgendaModule, FoehnAgendaNavigationComponent, FoehnAgendaTimeslotPanelComponent, FoehnAutocompleteComponent, FoehnAutocompleteModule, FoehnBoMultiUploadComponent, FoehnBoMultiUploadModule, FoehnBooleanCheckboxComponent, FoehnBooleanModule, FoehnBooleanRadioComponent, FoehnBreadcrumbComponent, FoehnBreadcrumbModule, FoehnCheckableGroupComponent, FoehnCheckablesModule, FoehnCheckboxComponent, FoehnConfirmModalComponent, FoehnConfirmModalContent, FoehnConfirmModalModule, FoehnConfirmModalService, FoehnDateComponent, FoehnDatePickerButtonComponent, FoehnDatePickerButtonModule, FoehnDatePickerComponent, FoehnDatePickerModule, FoehnDecisionElectroniqueComponent, FoehnDecisionElectroniqueModule, FoehnDisplayAddressComponent, FoehnErrorPillComponent, FoehnFormComponent, FoehnFormModule, FoehnHeaderComponent, FoehnHeaderModule, FoehnHelpModalComponent, FoehnHelpModalModule, FoehnIconCalendarComponent, FoehnIconCheckComponent, FoehnIconCheckSquareOComponent, FoehnIconChevronDownComponent, FoehnIconChevronLeftComponent, FoehnIconChevronRightComponent, FoehnIconChevronUpComponent, FoehnIconClockComponent, FoehnIconCommentDotsComponent, FoehnIconEditComponent, FoehnIconExternalLinkAltComponent, FoehnIconFilePdfComponent, FoehnIconInfoCircleComponent, FoehnIconLockComponent, FoehnIconMapMarkerComponent, FoehnIconMinusCircleComponent, FoehnIconPlusCircleComponent, FoehnIconPlusSquareComponent, FoehnIconSearchComponent, FoehnIconTimesComponent, FoehnIconTrashAltComponent, FoehnIconUnlockAltComponent, FoehnIconsModule, FoehnInputAddressComponent, FoehnInputComponent, FoehnInputEmailComponent, FoehnInputForeignLocalityComponent, FoehnInputForeignStreetComponent, FoehnInputHiddenComponent, FoehnInputModule, FoehnInputNav13Component, FoehnInputNav13Module, FoehnInputNumberComponent, FoehnInputPasswordComponent, FoehnInputPhoneComponent, FoehnInputStringComponent, FoehnInputTextComponent, FoehnInputTextareaComponent, FoehnListComponent, FoehnListItem, FoehnListModule, FoehnListSummaryComponent, FoehnMenuItemComponent, FoehnMenuItemTransmitComponent, FoehnMenuPrestationModule, FoehnMiscModule, FoehnModalComponent, FoehnModalModule, FoehnMultiUploadComponent, FoehnMultiUploadModule, FoehnMultiselectAutocompleteComponent, FoehnMultiselectAutocompleteModule, FoehnNavigationComponent, FoehnNavigationModule, FoehnNavigationService, FoehnNotFoundModule, FoehnNotfoundComponent, FoehnPageComponent, FoehnPageCounterComponent, FoehnPageModalComponent, FoehnPageModule, FoehnPageService, FoehnPictureUploadComponent, FoehnPictureUploadModule, FoehnRadioComponent, FoehnRecapSectionComponent, FoehnRecapSectionModule, FoehnRemainingAlertsSummaryComponent, FoehnRemainingAlertsSummaryModule, FoehnSelectComponent, FoehnSkipLinkComponent, FoehnStatusProgressBarComponent, FoehnStatusProgressBarModule, FoehnTableColumnConfiguration, FoehnTableComponent, FoehnTableModule, FoehnTablePageChangeEvent, FoehnTimeComponent, FoehnUploadProgressBarComponent, FoehnUploadProgressBarModule, FoehnUserConnectedAsComponent, FoehnUserConnectedAsModule, FoehnValidationAlertSummaryComponent, FoehnValidationAlertSummaryModule, FoehnValidationAlertsComponent, FoehnValidationAlertsModule, FooterLink, FormMetadata, FormPostResponse, FormSelectOption, FormatIdePipe, FormatterModule, GESDEM_MAX_DATA_LENGTH, GesdemActionRecoveryLoginComponent, GesdemActionRecoveryModule, GesdemActionRecoveryRegistrationComponent, GesdemConfirmationComponent, GesdemConfirmationModule, GesdemErrorComponent, GesdemErrorModule, GesdemEventService, GesdemHandlerService, GesdemLoaderGuard, GesdemStatutUtils, GrowlBrokerService, GrowlMessage, GrowlType, HTTP_LOADER_FILTERED_URL, I18nForm, IbanFormatterDirective, IdeFormatterDirective, Locality, MonthYear, MultiUploadService, Municipality, NDCFormatterDirective, NavigationDirection, NumberCurrencyFormatterDirective, ObjectHelper, PORTAIL_BASE_URL_INT, PageChangeEvent, PaginationWeek, PendingFiles, PendingUploadService, PipeModule, PlaceOfOrigin, Portail, PostalLocality, Preferences, PrestationsNgCoreModule, RECAPTCHA_API_URL, RecaptchaService, RedirectComponent, SESSION_INFO_API_URL, SWISS_ISO_ID, SdkDictionaryModule, SdkDictionaryPipe, SdkDictionaryService, SdkEpaymentComponent, SdkEpaymentModule, SdkRecaptchaComponent, SdkRecaptchaModule, SdkRedirectModule, SdkStatisticsService, SelectedSlot, ServiceLocator, SessionInfo, SessionInfoData, SessionInfoWithApplicationService, Street, StreetNumber, THOUSANDS_SEPARATOR, TableSort, UploadProgress, UploadProgressService, UploaderHelper, ValidationHandlerService, formatDecimalCurrency, formatNonDecimalCurrency, formatNumberAsGiven, replaceAll };
+export { APP_INFO_API_URL, AbstractFoehnUploaderComponent, AbstractListDetailPageComponent, AbstractMenuPageComponent, AbstractPageComponent, AbstractPageFromMenuComponent, ActionStatut, Address, AddressTypeLight, ApplicationInfo, ApplicationInfoService, BAD_PARAMS_HELP_TEXT, BoDocumentError, BoDocumentsWithErrors, BoMultiUploadService, Breadcrumb, BreadcrumbEventService, BreadcrumbItem, CAPTCHA_ERROR_NAME, CURRENCY_REGEXP, Calendar, Canton, Captcha, ComponentError, Configuration, Country, CurrencyHelper, CurrentWeek, DECIMALS_SEPARATOR, DEFAULT_INTERNATIONAL_AND_NO_SWISS, DEFAULT_INTERNATIONAL_AND_NO_SWISS_MOBILE, DEFAULT_INTERNATIONAL_AND_NO_SWISS_PHONE, DEFAULT_INTERNATIONAL_HELP_TEXT, DEFAULT_SWISS_HELP_TEXT, DEFAULT_SWISS_MOBILE_PHONE_HELP_TEXT, DEFAULT_SWISS_PHONE_HELP_TEXT, DICTIONARY_BASE_URL, DateHelper, DatePickerHelper, DatePickerNavigationHelper, DayMonth, DaySlots, DisplayCurrencyPipe, DisplayDatePipe, DisplayLoginMessagesData, District, Document, DocumentError, DocumentReference, DocumentReferenceWithFile, DocumentsWithErrors, EPaymentService, EtapeInfo, FORM_SUPPORT_CYBER_TITLE_FALLBACK, FocusedDay, FoehnAbbrComponent, FoehnAddressModule, FoehnAgendaComponent, FoehnAgendaModule, FoehnAgendaNavigationComponent, FoehnAgendaTimeslotPanelComponent, FoehnAutocompleteComponent, FoehnAutocompleteModule, FoehnBoMultiUploadComponent, FoehnBoMultiUploadModule, FoehnBooleanCheckboxComponent, FoehnBooleanModule, FoehnBooleanRadioComponent, FoehnBreadcrumbComponent, FoehnBreadcrumbModule, FoehnCheckableGroupComponent, FoehnCheckablesModule, FoehnCheckboxComponent, FoehnConfirmModalComponent, FoehnConfirmModalContent, FoehnConfirmModalModule, FoehnConfirmModalService, FoehnDateComponent, FoehnDatePickerButtonComponent, FoehnDatePickerButtonModule, FoehnDatePickerComponent, FoehnDatePickerModule, FoehnDateTimeComponent, FoehnDecisionElectroniqueComponent, FoehnDecisionElectroniqueModule, FoehnDisplayAddressComponent, FoehnErrorPillComponent, FoehnFormComponent, FoehnFormModule, FoehnHeaderComponent, FoehnHeaderModule, FoehnHelpModalComponent, FoehnHelpModalModule, FoehnIconCalendarComponent, FoehnIconCheckComponent, FoehnIconCheckSquareOComponent, FoehnIconChevronDownComponent, FoehnIconChevronLeftComponent, FoehnIconChevronRightComponent, FoehnIconChevronUpComponent, FoehnIconClockComponent, FoehnIconCommentDotsComponent, FoehnIconEditComponent, FoehnIconExternalLinkAltComponent, FoehnIconFilePdfComponent, FoehnIconInfoCircleComponent, FoehnIconLockComponent, FoehnIconMapMarkerComponent, FoehnIconMinusCircleComponent, FoehnIconPlusCircleComponent, FoehnIconPlusSquareComponent, FoehnIconSearchComponent, FoehnIconTimesComponent, FoehnIconTrashAltComponent, FoehnIconUnlockAltComponent, FoehnIconsModule, FoehnInputAddressComponent, FoehnInputComponent, FoehnInputEmailComponent, FoehnInputForeignLocalityComponent, FoehnInputForeignStreetComponent, FoehnInputHiddenComponent, FoehnInputModule, FoehnInputNav13Component, FoehnInputNav13Module, FoehnInputNumberComponent, FoehnInputPasswordComponent, FoehnInputPhoneComponent, FoehnInputStringComponent, FoehnInputTextComponent, FoehnInputTextareaComponent, FoehnListComponent, FoehnListItem, FoehnListModule, FoehnListSummaryComponent, FoehnMenuItemComponent, FoehnMenuItemTransmitComponent, FoehnMenuPrestationModule, FoehnMiscModule, FoehnModalComponent, FoehnModalModule, FoehnMultiUploadComponent, FoehnMultiUploadModule, FoehnMultiselectAutocompleteComponent, FoehnMultiselectAutocompleteModule, FoehnNavigationComponent, FoehnNavigationModule, FoehnNavigationService, FoehnNotFoundModule, FoehnNotfoundComponent, FoehnPageComponent, FoehnPageCounterComponent, FoehnPageModalComponent, FoehnPageModule, FoehnPageService, FoehnPictureUploadComponent, FoehnPictureUploadModule, FoehnRadioComponent, FoehnRecapSectionComponent, FoehnRecapSectionModule, FoehnRemainingAlertsSummaryComponent, FoehnRemainingAlertsSummaryModule, FoehnSelectComponent, FoehnSkipLinkComponent, FoehnStatusProgressBarComponent, FoehnStatusProgressBarModule, FoehnTableColumnConfiguration, FoehnTableComponent, FoehnTableModule, FoehnTablePageChangeEvent, FoehnTimeComponent, FoehnUploadProgressBarComponent, FoehnUploadProgressBarModule, FoehnUserConnectedAsComponent, FoehnUserConnectedAsModule, FoehnValidationAlertSummaryComponent, FoehnValidationAlertSummaryModule, FoehnValidationAlertsComponent, FoehnValidationAlertsModule, FooterLink, FormMetadata, FormPostResponse, FormSelectOption, FormatIdePipe, FormatterModule, GESDEM_MAX_DATA_LENGTH, GesdemActionRecoveryLoginComponent, GesdemActionRecoveryModule, GesdemActionRecoveryRegistrationComponent, GesdemConfirmationComponent, GesdemConfirmationModule, GesdemErrorComponent, GesdemErrorModule, GesdemEventService, GesdemHandlerService, GesdemLoaderGuard, GesdemStatutUtils, GrowlBrokerService, GrowlMessage, GrowlType, HTTP_LOADER_FILTERED_URL, I18nForm, IbanFormatterDirective, IdeFormatterDirective, Locality, MonthYear, MultiUploadService, Municipality, NDCFormatterDirective, NavigationDirection, NumberCurrencyFormatterDirective, ObjectHelper, PORTAIL_BASE_URL_INT, PageChangeEvent, PaginationWeek, PendingFiles, PendingUploadService, PipeModule, PlaceOfOrigin, Portail, PostalLocality, Preferences, PrestationsNgCoreModule, RECAPTCHA_API_URL, RecaptchaService, RedirectComponent, SESSION_INFO_API_URL, SWISS_ISO_ID, SdkDictionaryModule, SdkDictionaryPipe, SdkDictionaryService, SdkEpaymentComponent, SdkEpaymentModule, SdkRecaptchaComponent, SdkRecaptchaModule, SdkRedirectModule, SdkStatisticsService, SelectedSlot, ServiceLocator, SessionInfo, SessionInfoData, SessionInfoWithApplicationService, Street, StreetNumber, THOUSANDS_SEPARATOR, TableSort, UploadProgress, UploadProgressService, UploaderHelper, ValidationHandlerService, formatDecimalCurrency, formatNonDecimalCurrency, formatNumberAsGiven, replaceAll };
 //# sourceMappingURL=dsivd-prestations-ng.mjs.map