@dsivd/prestations-ng 15.0.0-beta3 → 15.0.0-beta6

package/fesm2015/dsivd-prestations-ng.mjs

@@ -1472,8 +1472,16 @@ const DEFAULT_DICTIONARY = {
     'foehn-status-progress-bar.step1.srOnly': 'Etape 1 sur 3, Saisie',
     'foehn-status-progress-bar.step2': 'Vérification',
     'foehn-status-progress-bar.step2.srOnly': 'Etape 2 sur 3, Vérification',
-    'foehn-status-progress-bar.step3': 'Confirmation',
-    'foehn-status-progress-bar.step3.srOnly': 'Etape 3 sur 3, Confirmation, demande transmise'
+    'foehn-status-progress-bar.step3': 'Transmission',
+    'foehn-status-progress-bar.step3.srOnly': 'Etape 3 sur 3, Demande transmise',
+    'foehn-multiselect-autocomplete.selected.delete': 'Supprimer {elementLabel}',
+    'foehn-multiselect-autocomplete.sr-announcement.deleted': '{elementLabel} a été supprimé,',
+    'foehn-multiselect-autocomplete.sr-announcement.added': '{elementLabel} a été ajouté,',
+    'foehn-multiselect-autocomplete.sr-default-focus.no-element-to-delete': 'Aucun élément dans la liste.',
+    'foehn-multiselect-autocomplete.sr-default-selected-element': '(sélection par défaut)',
+    'foehn-multiselect-autocomplete.autocomplete.empty-message': 'Tous les éléments de la liste de proposition ont déjà été ajoutés.',
+    'foehn-multiselect-autocomplete.autocomplete.screen-reader.label': 'Sélectionner un élément dans la liste de recherche' +
+        " ci-dessous pour l'ajouter à votre sélection."
 };
 
 const DICTIONARY_BASE_URL = 'api/dictionary';
@@ -3791,6 +3799,95 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
 class FormSelectOptionGroup {
 }
 
+/* eslint-disable @typescript-eslint/no-explicit-any */
+class ObjectHelper {
+    /**
+     * Angular uses object identity to select option. It's possible for the identities of items to change while the data does not.
+     * This can happen, for example, if the items are produced from an RPC to the server, and that RPC is re-run.
+     * Even if the data hasn't changed, the second response will produce objects with different identities.
+     * (see: https://angular.io/api/forms/SelectControlValueAccessor#customizing-option-selection)
+     *
+     * @param value1 as first value to compare to
+     * @param value2 as value to be compared to
+     * @returns boolean
+     */
+    static isEqual(value1, value2) {
+        if (value1 &&
+            value2 &&
+            typeof value1 === 'object' &&
+            typeof value2 === 'object') {
+            const matches = (obj, source) => Object.keys(source).length === Object.keys(obj).length &&
+                Object.keys(source).every(key => {
+                    if (obj.hasOwnProperty(key)) {
+                        if (obj[key] &&
+                            source[key] &&
+                            typeof obj[key] === 'object' &&
+                            typeof source[key] === 'object') {
+                            return matches(obj[key], source[key]);
+                        }
+                        return obj[key] === source[key];
+                    }
+                    return false;
+                });
+            return matches(value1, value2);
+        }
+        return value1 === value2;
+    }
+    static hasAnyValue(value) {
+        // do not simplify with an inline variable result due to compilation error
+        const result = Object.keys(value).some(key => {
+            if (value[key] && typeof value[key] === 'object') {
+                return ObjectHelper.hasAnyValue(value[key]);
+            }
+            return !!value[key];
+        });
+        return result;
+    }
+    static isEmpty(value) {
+        return !ObjectHelper.hasAnyValue(value);
+    }
+    /**
+     * Deep copy is a true copy for nested objects
+     * Often, shallow copy is good enough and you will not need a deep copy.
+     * A shallow copy means the first level is copied, deeper levels are referenced.
+     *
+     * Examples of shallow copy :
+     * const shallowClone = { ...nestedObject };
+     * const shallowClone = Object.assign({}, nestedObject);
+     *
+     * @param obj is the object to copied
+     * @returns obj
+     */
+    static deepCopy(obj) {
+        if (!obj || typeof obj !== 'object') {
+            return obj;
+        }
+        let copy;
+        if (obj instanceof Date) {
+            copy = new Date();
+            copy.setTime(obj.getTime());
+            return copy;
+        }
+        if (obj instanceof Array) {
+            copy = [];
+            for (let i = 0, len = obj.length; i < len; i++) {
+                copy[i] = ObjectHelper.deepCopy(obj[i]);
+            }
+            return copy;
+        }
+        if (obj instanceof Object) {
+            copy = {};
+            for (const attr in obj) {
+                if (obj.hasOwnProperty(attr)) {
+                    copy[attr] = ObjectHelper.deepCopy(obj[attr]);
+                }
+            }
+            return copy;
+        }
+        throw new Error('Unable to copy obj! Type not supported.');
+    }
+}
+
 /* eslint-disable @typescript-eslint/no-explicit-any */
 class FoehnCheckableGroupComponent extends FoehnInputComponent {
     constructor(ngZone) {
@@ -3808,6 +3905,7 @@ class FoehnCheckableGroupComponent extends FoehnInputComponent {
         this.elementLabel = 'label';
         this.elementDisabled = 'disabled';
         this.allElementDisabled = false;
+        this.elementsLoaded = new EventEmitter();
         this.multiple = false;
         this._onInitSubject = new Subject();
         this.httpClient = ServiceLocator.injector.get(HttpClient);
@@ -3856,6 +3954,7 @@ class FoehnCheckableGroupComponent extends FoehnInputComponent {
     }
     setElements(elements) {
         this.elements = elements;
+        this.elementsLoaded.next(elements);
         this.onElementsRetrieved();
     }
     getValue(element) {
@@ -4035,6 +4134,10 @@ class FoehnCheckableGroupComponent extends FoehnInputComponent {
             // Hack to refresh the display value
             this.updateNgModel(this.model_);
         }
+        else if (change &&
+            !ObjectHelper.isEqual(change.currentValue, change.previousValue)) {
+            this.elementsLoaded.next(change.currentValue);
+        }
     }
     onElementsUrlChange(change) {
         if (change && !change.firstChange) {
@@ -4043,7 +4146,7 @@ class FoehnCheckableGroupComponent extends FoehnInputComponent {
     }
 }
 FoehnCheckableGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: FoehnCheckableGroupComponent, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
-FoehnCheckableGroupComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.1.3", type: FoehnCheckableGroupComponent, inputs: { elements: "elements", elementsUrl: "elementsUrl", elementValue: "elementValue", elementLabel: "elementLabel", elementValueIdentity: "elementValueIdentity", elementDisabled: "elementDisabled", allElementDisabled: "allElementDisabled", elementGroup: "elementGroup", defaultElementValue: "defaultElementValue" }, usesInheritance: true, usesOnChanges: true, ngImport: i0 });
+FoehnCheckableGroupComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.1.3", type: FoehnCheckableGroupComponent, inputs: { elements: "elements", elementsUrl: "elementsUrl", elementValue: "elementValue", elementLabel: "elementLabel", elementValueIdentity: "elementValueIdentity", elementDisabled: "elementDisabled", allElementDisabled: "allElementDisabled", elementGroup: "elementGroup", defaultElementValue: "defaultElementValue" }, outputs: { elementsLoaded: "elementsLoaded" }, usesInheritance: true, usesOnChanges: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: FoehnCheckableGroupComponent, decorators: [{
             type: Directive
         }], ctorParameters: function () { return [{ type: i0.NgZone }]; }, propDecorators: { elements: [{
@@ -4062,99 +4165,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
                 type: Input
             }], elementGroup: [{
                 type: Input
+            }], elementsLoaded: [{
+                type: Output
             }], defaultElementValue: [{
                 type: Input
             }] } });
 
-/* eslint-disable @typescript-eslint/no-explicit-any */
-class ObjectHelper {
-    /**
-     * Angular uses object identity to select option. It's possible for the identities of items to change while the data does not.
-     * This can happen, for example, if the items are produced from an RPC to the server, and that RPC is re-run.
-     * Even if the data hasn't changed, the second response will produce objects with different identities.
-     * (see: https://angular.io/api/forms/SelectControlValueAccessor#customizing-option-selection)
-     *
-     * @param value1 as first value to compare to
-     * @param value2 as value to be compared to
-     * @returns boolean
-     */
-    static isEqual(value1, value2) {
-        if (value1 &&
-            value2 &&
-            typeof value1 === 'object' &&
-            typeof value2 === 'object') {
-            const matches = (obj, source) => Object.keys(source).length === Object.keys(obj).length &&
-                Object.keys(source).every(key => {
-                    if (obj.hasOwnProperty(key)) {
-                        if (obj[key] &&
-                            source[key] &&
-                            typeof obj[key] === 'object' &&
-                            typeof source[key] === 'object') {
-                            return matches(obj[key], source[key]);
-                        }
-                        return obj[key] === source[key];
-                    }
-                    return false;
-                });
-            return matches(value1, value2);
-        }
-        return value1 === value2;
-    }
-    static hasAnyValue(value) {
-        // do not simplify with an inline variable result due to compilation error
-        const result = Object.keys(value).some(key => {
-            if (value[key] && typeof value[key] === 'object') {
-                return ObjectHelper.hasAnyValue(value[key]);
-            }
-            return !!value[key];
-        });
-        return result;
-    }
-    static isEmpty(value) {
-        return !ObjectHelper.hasAnyValue(value);
-    }
-    /**
-     * Deep copy is a true copy for nested objects
-     * Often, shallow copy is good enough and you will not need a deep copy.
-     * A shallow copy means the first level is copied, deeper levels are referenced.
-     *
-     * Examples of shallow copy :
-     * const shallowClone = { ...nestedObject };
-     * const shallowClone = Object.assign({}, nestedObject);
-     *
-     * @param obj is the object to copied
-     * @returns obj
-     */
-    static deepCopy(obj) {
-        if (!obj || typeof obj !== 'object') {
-            return obj;
-        }
-        let copy;
-        if (obj instanceof Date) {
-            copy = new Date();
-            copy.setTime(obj.getTime());
-            return copy;
-        }
-        if (obj instanceof Array) {
-            copy = [];
-            for (let i = 0, len = obj.length; i < len; i++) {
-                copy[i] = ObjectHelper.deepCopy(obj[i]);
-            }
-            return copy;
-        }
-        if (obj instanceof Object) {
-            copy = {};
-            for (const attr in obj) {
-                if (obj.hasOwnProperty(attr)) {
-                    copy[attr] = ObjectHelper.deepCopy(obj[attr]);
-                }
-            }
-            return copy;
-        }
-        throw new Error('Unable to copy obj! Type not supported.');
-    }
-}
-
 class FoehnSelectComponent extends FoehnCheckableGroupComponent {
     constructor(zone) {
         super(zone);
@@ -4441,9 +4457,7 @@ class FoehnStatusProgressBarComponent {
         this.isTransmitted = merge(of((_a = this.gesdemHand.lastResponse) === null || _a === void 0 ? void 0 : _a.meta), this.gesdemHand.updateFormDataSubject.pipe(map(() => this.gesdemHand.lastResponse.meta))).pipe(filter(meta => !!meta), map(meta => ActionStatut[meta.statut]), map(statut => GesdemStatutUtils.isFinal(statut)));
     }
     isEnabled() {
-        return (this.hidden !== null &&
-            this.hidden !== undefined &&
-            this.hidden === false);
+        return this.hidden !== true;
     }
     isStepVerificationActive() {
         return this.navigation.initialized && this.navigation.isLastFormPage();
@@ -7460,7 +7474,7 @@ class FoehnInputAddressComponent extends FoehnInputComponent {
     getValidLocality(value) {
         // PRESTAKIT-352: Need a fake 'postalLocalityHistoryId' for individual errors on 'zipCode' and 'longName'
         if (!this.isSwiss() && !value) {
-            return { postalLocalityHistoryId: -1 };
+            return { postalLocalityHistoryId: '-1' };
         }
         return value;
     }
@@ -7599,6 +7613,282 @@ class Address {
 class FormSelectOption {
 }
 
+class FoehnMultiselectAutocompleteComponent extends FoehnAutocompleteComponent {
+    constructor(ngZone, dictionaryService) {
+        super(ngZone);
+        this.dictionaryService = dictionaryService;
+        this.showEmptyListMessage = false;
+        this.srAnnouncements = '';
+        this.SR_ANNOUNCEMENT_CLEAR_TIMEOUT_INTERVAL_MS = 2000;
+    }
+    get defaultElementValues() {
+        return this.defaultElementValues_;
+    }
+    set defaultElementValues(items) {
+        this.defaultElementValues_ = [...items];
+        if ((!this.model || !this.model.length) && items) {
+            this.updateNgModel(items);
+        }
+    }
+    set defaultElementValue(item) {
+        this.defaultElementValues = [item];
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        // The host is not related to foehn error management but foehn-autocomplete is.
+        this.hostId = this.buildId('ParentContainer');
+        this.hostName = this.hostId;
+        this.excludeFromErrorSummary = true;
+    }
+    hasErrorsToDisplay() {
+        return !!this.autocompleteComponent
+            ? this.autocompleteComponent.hasErrorsToDisplay()
+            : false;
+    }
+    updateMultiselectAutocomplete() {
+        const validValue = this.getValidValue();
+        if (typeof validValue !== 'undefined') {
+            this.updateNgModel(validValue);
+        }
+    }
+    handleUserInput() {
+        const validValue = this.getValidValue();
+        if (typeof validValue !== 'undefined') {
+            this.handleChange(validValue);
+        }
+    }
+    addItem(item) {
+        if (!!item) {
+            if (!this.model) {
+                this.model = [];
+            }
+            const index = this.model.indexOf(item);
+            if (index === -1) {
+                this.model.push(item);
+                this.updateMultiselectAutocomplete();
+                this.handleUserInput();
+                this.manageSuggestionListAndFocusAfterAddingAnItem();
+                this.manageScreenReaderAnnouncement(item, false);
+            }
+        }
+    }
+    removeItem(item, index) {
+        this.model.splice(index, 1);
+        this.updateMultiselectAutocomplete();
+        this.handleUserInput();
+        this.manageSuggestionListAndFocusAfterRemovingAnItem(index);
+        this.manageScreenReaderAnnouncement(item, true);
+        this.autocompleteComponent.markAsDirty();
+    }
+    trackByFn(index) {
+        return index;
+    }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    getLabel(value) {
+        const elem = this.findElementByModelItem(value);
+        return super.getLabel(elem);
+    }
+    canBeDeleted(index) {
+        return (!this.disabled &&
+            (!this.defaultElementValues ||
+                !this.defaultElementValues.includes(this.model[index])));
+    }
+    onAutocompleteElementsLoaded(elements) {
+        // Need to wait for childView to be loaded
+        setTimeout(() => {
+            if (!!this.autocompleteComponent) {
+                this.autocompleteComponent.elements = this.filterAutocompleteElements(elements);
+                if (!this.disabled &&
+                    !this.autocompleteComponent.elements.length) {
+                    this.showAlertMessageAndHideAutocomplete();
+                }
+            }
+        });
+    }
+    getDeleteButtonAriaLabel(element) {
+        return `${this.dictionaryService.getKeySync('foehn-multiselect-autocomplete.selected.delete', { elementLabel: this.getLabel(element) })}`;
+    }
+    hasDefaultDeleteFocusArea() {
+        return (!this.disabled &&
+            (!this.defaultElementValues || !this.defaultElementValues.length) &&
+            (!this.model || !this.model.length));
+    }
+    findElementByModelItem(item) {
+        if (!!this.elements && !!this.elements.length) {
+            const itemValue = typeof item !== 'object' ? item : this.getValue(item);
+            const elem = this.elements.find((element) => this.getValue(element) === itemValue);
+            if (!!elem) {
+                return elem;
+            }
+        }
+        return item;
+    }
+    getValidValue() {
+        if (!this.model || !this.model.length) {
+            if (this.model_ !== undefined) {
+                return null;
+            }
+            return undefined;
+        }
+        return this.model;
+    }
+    focusNextAreaAfterDelete(removedIndex) {
+        // Adjust index depending on default elements that are not deletable
+        if (!!this.defaultElementValues) {
+            removedIndex -= this.defaultElementValues.length;
+        }
+        const closeButtonsElemRefArray = [...this.selectedElemRef.toArray()];
+        // Need to find an element to focus on
+        if (removedIndex === closeButtonsElemRefArray.length) {
+            if (!!closeButtonsElemRefArray.length) {
+                return closeButtonsElemRefArray[removedIndex - 1].nativeElement.focus();
+            }
+            const defaultElemRefArray = [...this.defaultElemRef.toArray()];
+            if (!!defaultElemRefArray.length) {
+                return defaultElemRefArray[defaultElemRefArray.length - 1].nativeElement.focus();
+            }
+            return this.defaultDeleteFocusArea.nativeElement.focus();
+        }
+        // Otherwise focus element by DOM replacement
+    }
+    filterAutocompleteElements(elements) {
+        const filteredElements = ObjectHelper.deepCopy(elements);
+        if (!!this.model && !!this.model.length) {
+            this.model.forEach((selected) => {
+                for (const [index, value] of filteredElements.entries()) {
+                    const elem = this.findElementByModelItem(selected);
+                    if (ObjectHelper.isEqual(elem, value)) {
+                        filteredElements.splice(index, 1);
+                        break;
+                    }
+                }
+            });
+        }
+        return filteredElements;
+    }
+    manageSuggestionListAndFocusAfterAddingAnItem() {
+        // Empty autocomplete input
+        this.autocompleteInputValue = null;
+        // Remove selected item from autocomplete suggestion list
+        this.autocompleteComponent.elements = this.filterAutocompleteElements(this.elements);
+        // Check if we still have suggestions to display
+        if (!this.autocompleteComponent.elements.length) {
+            this.showAlertMessageAndHideAutocomplete();
+            // Need setTimeout to ensure alert message is on the DOM and can be focusable
+            setTimeout(() => {
+                const alertMessage = this.alertMessageContainer.nativeElement.querySelector('p');
+                if (alertMessage) {
+                    alertMessage.focus();
+                }
+            });
+        }
+    }
+    manageSuggestionListAndFocusAfterRemovingAnItem(removedIndex) {
+        // Hide message saying no more suggestions to display
+        this.showEmptyListMessage = false;
+        // Manually show autocomplete because there is at least one suggestions to display
+        this.autocompleteComponent.inputElement.nativeElement.hidden = false;
+        // Add back selected item to autocomplete suggestion list
+        this.autocompleteComponent.elements = this.filterAutocompleteElements(this.elements);
+        // When deleting a selected item, check were to set focus back when no more items to delete
+        this.selectedElemRef.changes.pipe(first()).subscribe(() => {
+            this.focusNextAreaAfterDelete(removedIndex);
+        });
+    }
+    showAlertMessageAndHideAutocomplete() {
+        // Show a message to user indicating there is no more suggestions to display
+        this.showEmptyListMessage = true;
+        // Manually reset and hide autocomplete because there is no more suggestions to display
+        this.autocompleteInputValue = null;
+        this.autocompleteComponent.inputElement.nativeElement.hidden = true;
+    }
+    manageScreenReaderAnnouncement(element, isDelete) {
+        clearTimeout(this.srAnnouncementClearTimer);
+        if (isDelete) {
+            this.srAnnouncements += `${this.dictionaryService.getKeySync('foehn-multiselect-autocomplete.sr-announcement.deleted', { elementLabel: this.getLabel(element) })}`;
+        }
+        else {
+            this.srAnnouncements += `${this.dictionaryService.getKeySync('foehn-multiselect-autocomplete.sr-announcement.added', { elementLabel: this.getLabel(element) })}`;
+        }
+        this.srAnnouncementClearTimer = setTimeout(() => {
+            this.srAnnouncements = '';
+        }, this.SR_ANNOUNCEMENT_CLEAR_TIMEOUT_INTERVAL_MS);
+    }
+}
+FoehnMultiselectAutocompleteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: FoehnMultiselectAutocompleteComponent, deps: [{ token: i0.NgZone }, { token: SdkDictionaryService }], target: i0.ɵɵFactoryTarget.Component });
+FoehnMultiselectAutocompleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: FoehnMultiselectAutocompleteComponent, selector: "foehn-multiselect-autocomplete", inputs: { defaultElementValues: "defaultElementValues", defaultElementValue: "defaultElementValue" }, host: { properties: { "attr.name": "this.hostName" } }, providers: [
+        {
+            provide: FoehnInputComponent,
+            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    [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>\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    <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            {{ getLabel(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            {{ getLabel(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 #ffbf47}: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 #ffbf47}\n"], components: [{ type: FoehnAutocompleteComponent, selector: "foehn-autocomplete", inputs: ["searchValueMinCharsCount", "allowCustomValue", "customValueModelGenerator"] }, { 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.1.3", ngImport: i0, type: FoehnMultiselectAutocompleteComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'foehn-multiselect-autocomplete', providers: [
+                        {
+                            provide: FoehnInputComponent,
+                            useExisting: forwardRef(() => FoehnMultiselectAutocompleteComponent),
+                            multi: true
+                        }
+                    ], template: "<foehn-autocomplete\n    #autocompleteComponent\n    [name]=\"name\"\n    [label]=\"label\"\n    [elements]=\"elements\"\n    [elementsUrl]=\"elementsUrl\"\n    [elementValue]=\"elementValue\"\n    [elementLabel]=\"elementLabel\"\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>\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    <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            {{ getLabel(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            {{ getLabel(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 #ffbf47}: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 #ffbf47}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.NgZone }, { type: SdkDictionaryService }]; }, propDecorators: { hostName: [{
+                type: HostBinding,
+                args: ['attr.name']
+            }], autocompleteComponent: [{
+                type: ViewChild,
+                args: ['autocompleteComponent']
+            }], alertMessageContainer: [{
+                type: ViewChild,
+                args: ['alertMessageContainer']
+            }], selectedElemRef: [{
+                type: ViewChildren,
+                args: ['selectedElemRef']
+            }], defaultElemRef: [{
+                type: ViewChildren,
+                args: ['defaultElemRef']
+            }], defaultDeleteFocusArea: [{
+                type: ViewChild,
+                args: ['defaultDeleteFocusArea']
+            }], defaultElementValues: [{
+                type: Input
+            }], defaultElementValue: [{
+                type: Input
+            }] } });
+
+class FoehnMultiselectAutocompleteModule {
+}
+FoehnMultiselectAutocompleteModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: FoehnMultiselectAutocompleteModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FoehnMultiselectAutocompleteModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: FoehnMultiselectAutocompleteModule, declarations: [FoehnMultiselectAutocompleteComponent], imports: [FoehnAutocompleteModule,
+        SdkDictionaryModule,
+        FoehnValidationAlertsModule,
+        CommonModule,
+        FoehnIconsModule,
+        FormsModule], exports: [FoehnMultiselectAutocompleteComponent] });
+FoehnMultiselectAutocompleteModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: FoehnMultiselectAutocompleteModule, imports: [[
+            FoehnAutocompleteModule,
+            SdkDictionaryModule,
+            FoehnValidationAlertsModule,
+            CommonModule,
+            FoehnIconsModule,
+            FormsModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: FoehnMultiselectAutocompleteModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        FoehnAutocompleteModule,
+                        SdkDictionaryModule,
+                        FoehnValidationAlertsModule,
+                        CommonModule,
+                        FoehnIconsModule,
+                        FormsModule
+                    ],
+                    declarations: [FoehnMultiselectAutocompleteComponent],
+                    exports: [FoehnMultiselectAutocompleteComponent]
+                }]
+        }] });
+
 class FoehnInputNav13Component extends FoehnInputStringComponent {
     constructor() {
         super(...arguments);
@@ -8654,7 +8944,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
                 }]
         }] });
 
-const RECAPTCHA_URL = 'https://www.google.com/recaptcha/api.js?onload=reCaptchaLoad&render=explicit';
+const RECAPTCHA_URL = 'https://www.recaptcha.net/recaptcha/api.js?onload=reCaptchaLoad&render=explicit';
 const SCRIPT_ID = 'prestations-ng-captcha-script';
 /**
  * Integration with Google Recaptcha.
@@ -9857,7 +10147,7 @@ FoehnPictureUploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.
             useExisting: forwardRef(() => FoehnPictureUploadComponent),
             multi: true
         }
-    ], usesInheritance: true, ngImport: i0, template: "<div\n    [attr.id]=\"buildId('Container')\"\n    [class.has-danger]=\"hasErrors()\"\n    [class.vd-form-group-danger]=\"hasErrors()\"\n    class=\"form-group clearable-input-form-group\"\n    tabindex=\"-1\"\n>\n    <label\n        [attr.for]=\"buildChildId()\"\n        *ngIf=\"!!label\"\n        [ngClass]=\"isLabelSrOnly ? 'sr-only' : labelStyleModifier\"\n    >\n        <span [innerHTML]=\"label\"></span>\n        <span\n            *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n            aria-hidden=\"true\"\n        >\n            {{ 'foehn-input.optional' | fromDictionary }}\n        </span>\n    </label>\n\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    <input type=\"hidden\" [name]=\"name || label\" [ngModel]=\"model\" />\n\n    <ng-content></ng-content>\n\n    <div *ngIf=\"hasPicture\" class=\"row\">\n        <div class=\"col-md-6\">\n            <img\n                [id]=\"buildChildId('Picture')\"\n                [attr.alt]=\"label\"\n                [src]=\"getDownloadUrl()\"\n            />\n        </div>\n        <div class=\"col-md-4\">\n            <button\n                type=\"button\"\n                class=\"btn btn-danger w-100\"\n                [attr.id]=\"buildChildId('DeleteButton')\"\n                (click)=\"deleteFile()\"\n            >\n                {{\n                    'foehn-picture-upload.delete-picture-label' | fromDictionary\n                }}\n            </button>\n        </div>\n    </div>\n\n    <div *ngIf=\"!hasPicture && !croppedPictureAsBase64Url\">\n        <input\n            #inputFile\n            type=\"file\"\n            class=\"form-control-file d-none\"\n            [attr.id]=\"name\"\n            [attr.accept]=\"'.jpeg,.jpg,.png'\"\n            [multiple]=\"false\"\n            [name]=\"name\"\n            (change)=\"onPictureSelection($event)\"\n        />\n\n        <button\n            type=\"button\"\n            class=\"btn btn-primary my-2\"\n            [attr.id]=\"buildChildId('ChooseButton')\"\n            [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n            [attr.aria-describedby]=\"buildId('ErrorsContainer')\"\n            (click)=\"inputFile.click()\"\n            [disabled]=\"loading\"\n        >\n            {{ 'foehn-picture-upload.choose-button-label' | fromDictionary }}\n        </button>\n    </div>\n\n    <div *ngIf=\"loading\">\n        {{ 'foehn-picture-upload.loading-label' | fromDictionary }}\n    </div>\n\n    <div *ngIf=\"!hasPicture\" class=\"row\">\n        <div class=\"col-md-6\">\n            <image-cropper\n                [id]=\"buildChildId('Cropper')\"\n                (cropperReady)=\"loading = false\"\n                (imageCropped)=\"onImageCropped($event)\"\n                (loadImageFailed)=\"onPictureSelectionFailed()\"\n                [aspectRatio]=\"3 / 4\"\n                [imageChangedEvent]=\"pictureToCrop\"\n                [maintainAspectRatio]=\"true\"\n                [resizeToWidth]=\"resizeToWidth\"\n                [resizeToHeight]=\"resizeToHeight\"\n                [onlyScaleDown]=\"true\"\n                format=\"png\"\n            ></image-cropper>\n        </div>\n\n        <div *ngIf=\"!hasPicture\" class=\"col-md-4\">\n            <div class=\"row mb-3\">\n                <button\n                    *ngIf=\"croppedPictureAsBase64Url\"\n                    type=\"button\"\n                    class=\"btn btn-primary w-100\"\n                    [attr.id]=\"buildChildId('SaveButton')\"\n                    (click)=\"savePicture()\"\n                >\n                    {{\n                        'foehn-picture-upload.validate-selection-label'\n                            | fromDictionary\n                    }}\n                </button>\n            </div>\n            <div class=\"row\">\n                <button\n                    *ngIf=\"croppedPictureAsBase64Url\"\n                    type=\"button\"\n                    class=\"btn btn-secondary w-100\"\n                    [attr.id]=\"buildChildId('CancelButton')\"\n                    (click)=\"resetPictureSelection()\"\n                >\n                    {{\n                        'foehn-picture-upload.cancel-selection-label'\n                            | fromDictionary\n                    }}\n                </button>\n            </div>\n        </div>\n    </div>\n</div>\n", components: [{ type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }, { type: i5.ImageCropperComponent, selector: "image-cropper", inputs: ["imageChangedEvent", "imageURL", "imageBase64", "imageFile", "format", "transform", "maintainAspectRatio", "aspectRatio", "resizeToWidth", "resizeToHeight", "cropperMinWidth", "cropperMinHeight", "cropperMaxHeight", "cropperMaxWidth", "cropperStaticWidth", "cropperStaticHeight", "canvasRotation", "initialStepSize", "roundCropper", "onlyScaleDown", "imageQuality", "autoCrop", "backgroundColor", "containWithinAspectRatio", "hideResizeSquares", "cropper", "alignImage", "disabled"], outputs: ["imageCropped", "startCropImage", "imageLoaded", "cropperReady", "loadImageFailed"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.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    [attr.id]=\"buildId('Container')\"\n    [class.has-danger]=\"hasErrors()\"\n    [class.vd-form-group-danger]=\"hasErrors()\"\n    class=\"form-group clearable-input-form-group\"\n    tabindex=\"-1\"\n>\n    <label\n        [attr.for]=\"buildChildId()\"\n        *ngIf=\"!!label\"\n        [ngClass]=\"isLabelSrOnly ? 'sr-only' : labelStyleModifier\"\n    >\n        <span [innerHTML]=\"label\"></span>\n        <span\n            *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n            aria-hidden=\"true\"\n        >\n            {{ 'foehn-input.optional' | fromDictionary }}\n        </span>\n    </label>\n\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    <input type=\"hidden\" [name]=\"name || label\" [ngModel]=\"model\" />\n\n    <ng-content></ng-content>\n\n    <div *ngIf=\"hasPicture\" class=\"row\">\n        <div class=\"col-md-6\">\n            <img\n                [id]=\"buildChildId('Picture')\"\n                [attr.alt]=\"label\"\n                [src]=\"getDownloadUrl()\"\n            />\n        </div>\n        <div class=\"col-md-4\">\n            <button\n                type=\"button\"\n                class=\"btn btn-danger w-100\"\n                [attr.id]=\"buildChildId('DeleteButton')\"\n                (click)=\"deleteFile()\"\n            >\n                {{\n                    'foehn-picture-upload.delete-picture-label' | fromDictionary\n                }}\n            </button>\n        </div>\n    </div>\n\n    <div *ngIf=\"!hasPicture && !croppedPictureAsBase64Url\">\n        <input\n            #inputFile\n            type=\"file\"\n            class=\"form-control-file d-none\"\n            [attr.id]=\"name\"\n            [attr.accept]=\"'.jpeg,.jpg,.png'\"\n            [multiple]=\"false\"\n            [name]=\"name\"\n            (change)=\"onPictureSelection($event)\"\n        />\n\n        <button\n            type=\"button\"\n            class=\"btn btn-primary my-2\"\n            [attr.id]=\"buildChildId('ChooseButton')\"\n            [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n            [attr.aria-describedby]=\"buildId('ErrorsContainer')\"\n            (click)=\"inputFile.click()\"\n            [attr.disabled]=\"loading ? 'disabled' : null\"\n        >\n            {{ 'foehn-picture-upload.choose-button-label' | fromDictionary }}\n        </button>\n    </div>\n\n    <div *ngIf=\"loading\">\n        {{ 'foehn-picture-upload.loading-label' | fromDictionary }}\n    </div>\n\n    <div *ngIf=\"!hasPicture\" class=\"row\">\n        <div class=\"col-md-6\">\n            <image-cropper\n                [id]=\"buildChildId('Cropper')\"\n                (cropperReady)=\"loading = false\"\n                (imageCropped)=\"onImageCropped($event)\"\n                (loadImageFailed)=\"onPictureSelectionFailed()\"\n                [aspectRatio]=\"3 / 4\"\n                [imageChangedEvent]=\"pictureToCrop\"\n                [maintainAspectRatio]=\"true\"\n                [resizeToWidth]=\"resizeToWidth\"\n                [resizeToHeight]=\"resizeToHeight\"\n                [onlyScaleDown]=\"true\"\n                format=\"png\"\n            ></image-cropper>\n        </div>\n\n        <div *ngIf=\"!hasPicture\" class=\"col-md-4\">\n            <div class=\"row mb-3\">\n                <button\n                    *ngIf=\"croppedPictureAsBase64Url\"\n                    type=\"button\"\n                    class=\"btn btn-primary w-100\"\n                    [attr.id]=\"buildChildId('SaveButton')\"\n                    (click)=\"savePicture()\"\n                >\n                    {{\n                        'foehn-picture-upload.validate-selection-label'\n                            | fromDictionary\n                    }}\n                </button>\n            </div>\n            <div class=\"row\">\n                <button\n                    *ngIf=\"croppedPictureAsBase64Url\"\n                    type=\"button\"\n                    class=\"btn btn-secondary w-100\"\n                    [attr.id]=\"buildChildId('CancelButton')\"\n                    (click)=\"resetPictureSelection()\"\n                >\n                    {{\n                        'foehn-picture-upload.cancel-selection-label'\n                            | fromDictionary\n                    }}\n                </button>\n            </div>\n        </div>\n    </div>\n</div>\n", components: [{ type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }, { type: i5.ImageCropperComponent, selector: "image-cropper", inputs: ["imageChangedEvent", "imageURL", "imageBase64", "imageFile", "format", "transform", "maintainAspectRatio", "aspectRatio", "resizeToWidth", "resizeToHeight", "cropperMinWidth", "cropperMinHeight", "cropperMaxHeight", "cropperMaxWidth", "cropperStaticWidth", "cropperStaticHeight", "canvasRotation", "initialStepSize", "roundCropper", "onlyScaleDown", "imageQuality", "autoCrop", "backgroundColor", "containWithinAspectRatio", "hideResizeSquares", "cropper", "alignImage", "disabled"], outputs: ["imageCropped", "startCropImage", "imageLoaded", "cropperReady", "loadImageFailed"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.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.1.3", ngImport: i0, type: FoehnPictureUploadComponent, decorators: [{
             type: Component,
             args: [{ selector: 'foehn-picture-upload', providers: [
@@ -9866,7 +10156,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
                             useExisting: forwardRef(() => FoehnPictureUploadComponent),
                             multi: true
                         }
-                    ], template: "<div\n    [attr.id]=\"buildId('Container')\"\n    [class.has-danger]=\"hasErrors()\"\n    [class.vd-form-group-danger]=\"hasErrors()\"\n    class=\"form-group clearable-input-form-group\"\n    tabindex=\"-1\"\n>\n    <label\n        [attr.for]=\"buildChildId()\"\n        *ngIf=\"!!label\"\n        [ngClass]=\"isLabelSrOnly ? 'sr-only' : labelStyleModifier\"\n    >\n        <span [innerHTML]=\"label\"></span>\n        <span\n            *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n            aria-hidden=\"true\"\n        >\n            {{ 'foehn-input.optional' | fromDictionary }}\n        </span>\n    </label>\n\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    <input type=\"hidden\" [name]=\"name || label\" [ngModel]=\"model\" />\n\n    <ng-content></ng-content>\n\n    <div *ngIf=\"hasPicture\" class=\"row\">\n        <div class=\"col-md-6\">\n            <img\n                [id]=\"buildChildId('Picture')\"\n                [attr.alt]=\"label\"\n                [src]=\"getDownloadUrl()\"\n            />\n        </div>\n        <div class=\"col-md-4\">\n            <button\n                type=\"button\"\n                class=\"btn btn-danger w-100\"\n                [attr.id]=\"buildChildId('DeleteButton')\"\n                (click)=\"deleteFile()\"\n            >\n                {{\n                    'foehn-picture-upload.delete-picture-label' | fromDictionary\n                }}\n            </button>\n        </div>\n    </div>\n\n    <div *ngIf=\"!hasPicture && !croppedPictureAsBase64Url\">\n        <input\n            #inputFile\n            type=\"file\"\n            class=\"form-control-file d-none\"\n            [attr.id]=\"name\"\n            [attr.accept]=\"'.jpeg,.jpg,.png'\"\n            [multiple]=\"false\"\n            [name]=\"name\"\n            (change)=\"onPictureSelection($event)\"\n        />\n\n        <button\n            type=\"button\"\n            class=\"btn btn-primary my-2\"\n            [attr.id]=\"buildChildId('ChooseButton')\"\n            [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n            [attr.aria-describedby]=\"buildId('ErrorsContainer')\"\n            (click)=\"inputFile.click()\"\n            [disabled]=\"loading\"\n        >\n            {{ 'foehn-picture-upload.choose-button-label' | fromDictionary }}\n        </button>\n    </div>\n\n    <div *ngIf=\"loading\">\n        {{ 'foehn-picture-upload.loading-label' | fromDictionary }}\n    </div>\n\n    <div *ngIf=\"!hasPicture\" class=\"row\">\n        <div class=\"col-md-6\">\n            <image-cropper\n                [id]=\"buildChildId('Cropper')\"\n                (cropperReady)=\"loading = false\"\n                (imageCropped)=\"onImageCropped($event)\"\n                (loadImageFailed)=\"onPictureSelectionFailed()\"\n                [aspectRatio]=\"3 / 4\"\n                [imageChangedEvent]=\"pictureToCrop\"\n                [maintainAspectRatio]=\"true\"\n                [resizeToWidth]=\"resizeToWidth\"\n                [resizeToHeight]=\"resizeToHeight\"\n                [onlyScaleDown]=\"true\"\n                format=\"png\"\n            ></image-cropper>\n        </div>\n\n        <div *ngIf=\"!hasPicture\" class=\"col-md-4\">\n            <div class=\"row mb-3\">\n                <button\n                    *ngIf=\"croppedPictureAsBase64Url\"\n                    type=\"button\"\n                    class=\"btn btn-primary w-100\"\n                    [attr.id]=\"buildChildId('SaveButton')\"\n                    (click)=\"savePicture()\"\n                >\n                    {{\n                        'foehn-picture-upload.validate-selection-label'\n                            | fromDictionary\n                    }}\n                </button>\n            </div>\n            <div class=\"row\">\n                <button\n                    *ngIf=\"croppedPictureAsBase64Url\"\n                    type=\"button\"\n                    class=\"btn btn-secondary w-100\"\n                    [attr.id]=\"buildChildId('CancelButton')\"\n                    (click)=\"resetPictureSelection()\"\n                >\n                    {{\n                        'foehn-picture-upload.cancel-selection-label'\n                            | fromDictionary\n                    }}\n                </button>\n            </div>\n        </div>\n    </div>\n</div>\n" }]
+                    ], template: "<div\n    [attr.id]=\"buildId('Container')\"\n    [class.has-danger]=\"hasErrors()\"\n    [class.vd-form-group-danger]=\"hasErrors()\"\n    class=\"form-group clearable-input-form-group\"\n    tabindex=\"-1\"\n>\n    <label\n        [attr.for]=\"buildChildId()\"\n        *ngIf=\"!!label\"\n        [ngClass]=\"isLabelSrOnly ? 'sr-only' : labelStyleModifier\"\n    >\n        <span [innerHTML]=\"label\"></span>\n        <span\n            *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n            aria-hidden=\"true\"\n        >\n            {{ 'foehn-input.optional' | fromDictionary }}\n        </span>\n    </label>\n\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    <input type=\"hidden\" [name]=\"name || label\" [ngModel]=\"model\" />\n\n    <ng-content></ng-content>\n\n    <div *ngIf=\"hasPicture\" class=\"row\">\n        <div class=\"col-md-6\">\n            <img\n                [id]=\"buildChildId('Picture')\"\n                [attr.alt]=\"label\"\n                [src]=\"getDownloadUrl()\"\n            />\n        </div>\n        <div class=\"col-md-4\">\n            <button\n                type=\"button\"\n                class=\"btn btn-danger w-100\"\n                [attr.id]=\"buildChildId('DeleteButton')\"\n                (click)=\"deleteFile()\"\n            >\n                {{\n                    'foehn-picture-upload.delete-picture-label' | fromDictionary\n                }}\n            </button>\n        </div>\n    </div>\n\n    <div *ngIf=\"!hasPicture && !croppedPictureAsBase64Url\">\n        <input\n            #inputFile\n            type=\"file\"\n            class=\"form-control-file d-none\"\n            [attr.id]=\"name\"\n            [attr.accept]=\"'.jpeg,.jpg,.png'\"\n            [multiple]=\"false\"\n            [name]=\"name\"\n            (change)=\"onPictureSelection($event)\"\n        />\n\n        <button\n            type=\"button\"\n            class=\"btn btn-primary my-2\"\n            [attr.id]=\"buildChildId('ChooseButton')\"\n            [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n            [attr.aria-describedby]=\"buildId('ErrorsContainer')\"\n            (click)=\"inputFile.click()\"\n            [attr.disabled]=\"loading ? 'disabled' : null\"\n        >\n            {{ 'foehn-picture-upload.choose-button-label' | fromDictionary }}\n        </button>\n    </div>\n\n    <div *ngIf=\"loading\">\n        {{ 'foehn-picture-upload.loading-label' | fromDictionary }}\n    </div>\n\n    <div *ngIf=\"!hasPicture\" class=\"row\">\n        <div class=\"col-md-6\">\n            <image-cropper\n                [id]=\"buildChildId('Cropper')\"\n                (cropperReady)=\"loading = false\"\n                (imageCropped)=\"onImageCropped($event)\"\n                (loadImageFailed)=\"onPictureSelectionFailed()\"\n                [aspectRatio]=\"3 / 4\"\n                [imageChangedEvent]=\"pictureToCrop\"\n                [maintainAspectRatio]=\"true\"\n                [resizeToWidth]=\"resizeToWidth\"\n                [resizeToHeight]=\"resizeToHeight\"\n                [onlyScaleDown]=\"true\"\n                format=\"png\"\n            ></image-cropper>\n        </div>\n\n        <div *ngIf=\"!hasPicture\" class=\"col-md-4\">\n            <div class=\"row mb-3\">\n                <button\n                    *ngIf=\"croppedPictureAsBase64Url\"\n                    type=\"button\"\n                    class=\"btn btn-primary w-100\"\n                    [attr.id]=\"buildChildId('SaveButton')\"\n                    (click)=\"savePicture()\"\n                >\n                    {{\n                        'foehn-picture-upload.validate-selection-label'\n                            | fromDictionary\n                    }}\n                </button>\n            </div>\n            <div class=\"row\">\n                <button\n                    *ngIf=\"croppedPictureAsBase64Url\"\n                    type=\"button\"\n                    class=\"btn btn-secondary w-100\"\n                    [attr.id]=\"buildChildId('CancelButton')\"\n                    (click)=\"resetPictureSelection()\"\n                >\n                    {{\n                        'foehn-picture-upload.cancel-selection-label'\n                            | fromDictionary\n                    }}\n                </button>\n            </div>\n        </div>\n    </div>\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: GrowlBrokerService }, { type: MultiUploadService }, { type: SdkDictionaryService }]; }, propDecorators: { name: [{
                 type: Input
             }], key: [{
@@ -11320,10 +11610,10 @@ class FoehnDatePickerComponent {
     }
 }
 FoehnDatePickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: FoehnDatePickerComponent, deps: [{ token: SdkDictionaryService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-FoehnDatePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: FoehnDatePickerComponent, selector: "foehn-date-picker", inputs: { minYear: "minYear", maxYear: "maxYear", datepickerTriggerHtmlElement: "datepickerTriggerHtmlElement", closeable: "closeable", isDatepickerVisible: "isDatepickerVisible", model: "model" }, outputs: { modelChange: "modelChange", userInput: "userInput", isDatepickerVisibleChange: "isDatepickerVisibleChange" }, host: { listeners: { "keyup": "handleKeyboardUpEvent($event)", "keydown": "handleKeyboardDownEvent($event)" } }, viewQueries: [{ propertyName: "daysButtonsElemRef", predicate: ["dayButtonElemRef"], descendants: true }], ngImport: i0, template: "<div\n    id=\"datepicker_wrapper\"\n    *ngIf=\"isDatepickerVisible\"\n    [cdkTrapFocus]=\"!!datepickerTriggerHtmlElement\"\n    tabindex=\"-1\"\n    role=\"application\"\n    [attr.aria-label]=\"\n        'foehn-date-picker.container.aria-label' | fromDictionary\n    \"\n>\n    <button\n        *ngIf=\"closeable\"\n        (click)=\"isDatepickerVisible = false\"\n        type=\"button\"\n        class=\"btn close\"\n        [attr.aria-label]=\"\n            'foehn-date-picker.close-button.aria-label' | fromDictionary\n        \"\n        id=\"closeButton\"\n    >\n        <span aria-hidden=\"true\">&times;</span>\n    </button>\n    <div id=\"datepicker_header\" class=\"d-flex justify-content-between\">\n        <button\n            id=\"previous-month\"\n            class=\"btn btn-link\"\n            (click)=\"previousMonth()\"\n        >\n            <foehn-icon-chevron-left\n                [title]=\"\n                    'foehn-date-picker.previous-month-button.title'\n                        | fromDictionary\n                \"\n            ></foehn-icon-chevron-left>\n        </button>\n        <ng-container *ngIf=\"currentMonthYear | async as monthYear\">\n            <span id=\"month-year-label\" aria-live=\"polite\" class=\"sr-only\">\n                {{\n                    'foehn-date-picker.screen-reader.actual-month-displayed'\n                        | fromDictionary\n                }}\n                {{ getMonthAsReadable(monthYear.month) }} {{ monthYear.year }}\n            </span>\n            <foehn-select\n                id=\"month-input\"\n                class=\"align-self-center\"\n                [label]=\"\n                    'foehn-date-picker.screen-reader.month-input.label'\n                        | fromDictionary\n                \"\n                [isLabelSrOnly]=\"true\"\n                [elements]=\"monthListItem\"\n                [model]=\"monthYear.month\"\n                [required]=\"false\"\n                (userInput)=\"userInputMonth($event)\"\n            ></foehn-select>\n            <foehn-select\n                id=\"year-input\"\n                class=\"align-self-center\"\n                [label]=\"\n                    'foehn-date-picker.screen-reader.year-input.label'\n                        | fromDictionary\n                \"\n                [isLabelSrOnly]=\"true\"\n                [elements]=\"yearListItem\"\n                [model]=\"monthYear.year\"\n                [required]=\"false\"\n                (userInput)=\"userInputYear($event)\"\n            ></foehn-select>\n        </ng-container>\n        <button id=\"next-month\" class=\"btn btn-link\" (click)=\"nextMonth()\">\n            <foehn-icon-chevron-right\n                [title]=\"\n                    'foehn-date-picker.next-month-button.title' | fromDictionary\n                \"\n            ></foehn-icon-chevron-right>\n        </button>\n    </div>\n    <table\n        id=\"datepicker_table\"\n        role=\"grid\"\n        (focusin)=\"onDaysFocusin()\"\n        (focusout)=\"onDaysFocusout()\"\n    >\n        <thead role=\"presentation\" aria-hidden=\"true\">\n            <tr role=\"row\">\n                <th\n                    scope=\"col\"\n                    role=\"columnheader\"\n                    *ngFor=\"let weekday of weekDays\"\n                >\n                    <foehn-abbr\n                        [text]=\"weekday.substr(0, 2)\"\n                        [title]=\"weekday\"\n                    ></foehn-abbr>\n                </th>\n            </tr>\n        </thead>\n        <tbody role=\"presentation\">\n            <tr role=\"row\" *ngFor=\"let week of weeks; let indexRow = index\">\n                <td\n                    role=\"gridcell\"\n                    *ngFor=\"let dayOfWeek of week; let indexColumn = index\"\n                >\n                    <button\n                        class=\"btn w-100\"\n                        #dayButtonElemRef\n                        [id]=\"'day_' + indexRow + '_' + indexColumn\"\n                        [tabindex]=\"getDayTabIndex(dayOfWeek)\"\n                        [class.btn-info]=\"!isToday(dayOfWeek.date)\"\n                        [class.btn-secondary]=\"isToday(dayOfWeek.date)\"\n                        [class.btn-danger]=\"isSelected(dayOfWeek.date)\"\n                        [attr.aria-label]=\"\n                            weekDays[indexColumn] +\n                            ' ' +\n                            dayOfWeek.dateAsReadable\n                        \"\n                        [attr.data-is-today]=\"isToday(dayOfWeek.date)\"\n                        [attr.data-is-selected]=\"isSelected(dayOfWeek.date)\"\n                        [attr.data-row-index]=\"indexRow\"\n                        [attr.data-column-index]=\"indexColumn\"\n                        [attr.day-number]=\"dayOfWeek.dayOfMonth\"\n                        [disabled]=\"!dayOfWeek.isCurrentMonth\"\n                        (click)=\"handleUserInput(dayOfWeek.date)\"\n                    >\n                        {{ dayOfWeek.dayOfMonth }}\n                    </button>\n                </td>\n            </tr>\n        </tbody>\n    </table>\n</div>\n", styles: [":host ::ng-deep .btn-link .svg-inline--fa{color:#000!important}#datepicker_header{margin-bottom:10px}#datepicker_wrapper{max-width:245px;padding:5px;border:1px solid #dfdfdf;background-color:#fff}#datepicker_wrapper .h4{margin-bottom:0}#datepicker_wrapper thead th{text-align:center;width:15%}#datepicker_wrapper .btn{padding:2px 4px}#datepicker_wrapper button.close{position:absolute;right:-14px;top:-18px;background-color:#fff;border:1px solid #dfdfdf;border-radius:50%;width:30px;height:30px;opacity:1}#datepicker_wrapper #month-input{width:50%;margin-right:5px}:host ::ng-deep foehn-select select.form-control{padding:0;margin:0;height:30px}:host ::ng-deep foehn-select .form-group{margin:0}\n"], components: [{ type: FoehnIconChevronLeftComponent, selector: "foehn-icon-chevron-left" }, { type: FoehnSelectComponent, selector: "foehn-select", inputs: ["multiple"] }, { type: FoehnIconChevronRightComponent, selector: "foehn-icon-chevron-right" }, { type: FoehnAbbrComponent, selector: "foehn-abbr", inputs: ["title", "text"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "fromDictionary": SdkDictionaryPipe, "async": i3.AsyncPipe } });
+FoehnDatePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: FoehnDatePickerComponent, selector: "foehn-date-picker", inputs: { minYear: "minYear", maxYear: "maxYear", datepickerTriggerHtmlElement: "datepickerTriggerHtmlElement", closeable: "closeable", isDatepickerVisible: "isDatepickerVisible", model: "model" }, outputs: { modelChange: "modelChange", userInput: "userInput", isDatepickerVisibleChange: "isDatepickerVisibleChange" }, host: { listeners: { "keyup": "handleKeyboardUpEvent($event)", "keydown": "handleKeyboardDownEvent($event)" } }, viewQueries: [{ propertyName: "daysButtonsElemRef", predicate: ["dayButtonElemRef"], descendants: true }], ngImport: i0, template: "<div\n    id=\"datepicker_wrapper\"\n    *ngIf=\"isDatepickerVisible\"\n    [cdkTrapFocus]=\"!!datepickerTriggerHtmlElement\"\n    tabindex=\"-1\"\n    role=\"application\"\n    [attr.aria-label]=\"\n        'foehn-date-picker.container.aria-label' | fromDictionary\n    \"\n>\n    <button\n        *ngIf=\"closeable\"\n        (click)=\"isDatepickerVisible = false\"\n        type=\"button\"\n        class=\"btn close\"\n        [attr.aria-label]=\"\n            'foehn-date-picker.close-button.aria-label' | fromDictionary\n        \"\n        id=\"closeButton\"\n    >\n        <span aria-hidden=\"true\">&times;</span>\n    </button>\n    <div id=\"datepicker_header\" class=\"d-flex justify-content-between\">\n        <button\n            id=\"previous-month\"\n            class=\"btn btn-link\"\n            (click)=\"previousMonth()\"\n        >\n            <foehn-icon-chevron-left\n                [title]=\"\n                    'foehn-date-picker.previous-month-button.title'\n                        | fromDictionary\n                \"\n            ></foehn-icon-chevron-left>\n        </button>\n        <ng-container *ngIf=\"currentMonthYear | async as monthYear\">\n            <span id=\"month-year-label\" aria-live=\"polite\" class=\"sr-only\">\n                {{\n                    'foehn-date-picker.screen-reader.actual-month-displayed'\n                        | fromDictionary\n                }}\n                {{ getMonthAsReadable(monthYear.month) }} {{ monthYear.year }}\n            </span>\n            <foehn-select\n                id=\"month-input\"\n                class=\"align-self-center\"\n                [label]=\"\n                    'foehn-date-picker.screen-reader.month-input.label'\n                        | fromDictionary\n                \"\n                [isLabelSrOnly]=\"true\"\n                [elements]=\"monthListItem\"\n                [model]=\"monthYear.month\"\n                [required]=\"false\"\n                (userInput)=\"userInputMonth($event)\"\n            ></foehn-select>\n            <foehn-select\n                id=\"year-input\"\n                class=\"align-self-center\"\n                [label]=\"\n                    'foehn-date-picker.screen-reader.year-input.label'\n                        | fromDictionary\n                \"\n                [isLabelSrOnly]=\"true\"\n                [elements]=\"yearListItem\"\n                [model]=\"monthYear.year\"\n                [required]=\"false\"\n                (userInput)=\"userInputYear($event)\"\n            ></foehn-select>\n        </ng-container>\n        <button id=\"next-month\" class=\"btn btn-link\" (click)=\"nextMonth()\">\n            <foehn-icon-chevron-right\n                [title]=\"\n                    'foehn-date-picker.next-month-button.title' | fromDictionary\n                \"\n            ></foehn-icon-chevron-right>\n        </button>\n    </div>\n    <table\n        id=\"datepicker_table\"\n        role=\"grid\"\n        (focusin)=\"onDaysFocusin()\"\n        (focusout)=\"onDaysFocusout()\"\n    >\n        <thead role=\"presentation\" aria-hidden=\"true\">\n            <tr role=\"row\">\n                <th\n                    scope=\"col\"\n                    role=\"columnheader\"\n                    *ngFor=\"let weekday of weekDays\"\n                >\n                    <foehn-abbr\n                        [text]=\"weekday.substr(0, 2)\"\n                        [title]=\"weekday\"\n                    ></foehn-abbr>\n                </th>\n            </tr>\n        </thead>\n        <tbody role=\"presentation\">\n            <tr role=\"row\" *ngFor=\"let week of weeks; let indexRow = index\">\n                <td\n                    role=\"gridcell\"\n                    *ngFor=\"let dayOfWeek of week; let indexColumn = index\"\n                >\n                    <button\n                        class=\"btn w-100\"\n                        #dayButtonElemRef\n                        [id]=\"'day_' + indexRow + '_' + indexColumn\"\n                        [tabindex]=\"getDayTabIndex(dayOfWeek)\"\n                        [class.btn-info]=\"!isToday(dayOfWeek.date)\"\n                        [class.btn-secondary]=\"isToday(dayOfWeek.date)\"\n                        [class.btn-danger]=\"isSelected(dayOfWeek.date)\"\n                        [attr.aria-label]=\"\n                            weekDays[indexColumn] +\n                            ' ' +\n                            dayOfWeek.dateAsReadable\n                        \"\n                        [attr.data-is-today]=\"isToday(dayOfWeek.date)\"\n                        [attr.data-is-selected]=\"isSelected(dayOfWeek.date)\"\n                        [attr.data-row-index]=\"indexRow\"\n                        [attr.data-column-index]=\"indexColumn\"\n                        [attr.day-number]=\"dayOfWeek.dayOfMonth\"\n                        [attr.disabled]=\"\n                            !dayOfWeek.isCurrentMonth ? 'disabled' : null\n                        \"\n                        (click)=\"handleUserInput(dayOfWeek.date)\"\n                    >\n                        {{ dayOfWeek.dayOfMonth }}\n                    </button>\n                </td>\n            </tr>\n        </tbody>\n    </table>\n</div>\n", styles: [":host ::ng-deep .btn-link .svg-inline--fa{color:#000!important}#datepicker_header{margin-bottom:10px}#datepicker_wrapper{max-width:245px;padding:5px;border:1px solid #dfdfdf;background-color:#fff}#datepicker_wrapper .h4{margin-bottom:0}#datepicker_wrapper thead th{text-align:center;width:15%}#datepicker_wrapper .btn{padding:2px 4px}#datepicker_wrapper button.close{position:absolute;right:-14px;top:-18px;background-color:#fff;border:1px solid #dfdfdf;border-radius:50%;width:30px;height:30px;opacity:1}#datepicker_wrapper #month-input{width:50%;margin-right:5px}:host ::ng-deep foehn-select select.form-control{padding:0;margin:0;height:30px}:host ::ng-deep foehn-select .form-group{margin:0}\n"], components: [{ type: FoehnIconChevronLeftComponent, selector: "foehn-icon-chevron-left" }, { type: FoehnSelectComponent, selector: "foehn-select", inputs: ["multiple"] }, { type: FoehnIconChevronRightComponent, selector: "foehn-icon-chevron-right" }, { type: FoehnAbbrComponent, selector: "foehn-abbr", inputs: ["title", "text"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "fromDictionary": SdkDictionaryPipe, "async": i3.AsyncPipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: FoehnDatePickerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'foehn-date-picker', template: "<div\n    id=\"datepicker_wrapper\"\n    *ngIf=\"isDatepickerVisible\"\n    [cdkTrapFocus]=\"!!datepickerTriggerHtmlElement\"\n    tabindex=\"-1\"\n    role=\"application\"\n    [attr.aria-label]=\"\n        'foehn-date-picker.container.aria-label' | fromDictionary\n    \"\n>\n    <button\n        *ngIf=\"closeable\"\n        (click)=\"isDatepickerVisible = false\"\n        type=\"button\"\n        class=\"btn close\"\n        [attr.aria-label]=\"\n            'foehn-date-picker.close-button.aria-label' | fromDictionary\n        \"\n        id=\"closeButton\"\n    >\n        <span aria-hidden=\"true\">&times;</span>\n    </button>\n    <div id=\"datepicker_header\" class=\"d-flex justify-content-between\">\n        <button\n            id=\"previous-month\"\n            class=\"btn btn-link\"\n            (click)=\"previousMonth()\"\n        >\n            <foehn-icon-chevron-left\n                [title]=\"\n                    'foehn-date-picker.previous-month-button.title'\n                        | fromDictionary\n                \"\n            ></foehn-icon-chevron-left>\n        </button>\n        <ng-container *ngIf=\"currentMonthYear | async as monthYear\">\n            <span id=\"month-year-label\" aria-live=\"polite\" class=\"sr-only\">\n                {{\n                    'foehn-date-picker.screen-reader.actual-month-displayed'\n                        | fromDictionary\n                }}\n                {{ getMonthAsReadable(monthYear.month) }} {{ monthYear.year }}\n            </span>\n            <foehn-select\n                id=\"month-input\"\n                class=\"align-self-center\"\n                [label]=\"\n                    'foehn-date-picker.screen-reader.month-input.label'\n                        | fromDictionary\n                \"\n                [isLabelSrOnly]=\"true\"\n                [elements]=\"monthListItem\"\n                [model]=\"monthYear.month\"\n                [required]=\"false\"\n                (userInput)=\"userInputMonth($event)\"\n            ></foehn-select>\n            <foehn-select\n                id=\"year-input\"\n                class=\"align-self-center\"\n                [label]=\"\n                    'foehn-date-picker.screen-reader.year-input.label'\n                        | fromDictionary\n                \"\n                [isLabelSrOnly]=\"true\"\n                [elements]=\"yearListItem\"\n                [model]=\"monthYear.year\"\n                [required]=\"false\"\n                (userInput)=\"userInputYear($event)\"\n            ></foehn-select>\n        </ng-container>\n        <button id=\"next-month\" class=\"btn btn-link\" (click)=\"nextMonth()\">\n            <foehn-icon-chevron-right\n                [title]=\"\n                    'foehn-date-picker.next-month-button.title' | fromDictionary\n                \"\n            ></foehn-icon-chevron-right>\n        </button>\n    </div>\n    <table\n        id=\"datepicker_table\"\n        role=\"grid\"\n        (focusin)=\"onDaysFocusin()\"\n        (focusout)=\"onDaysFocusout()\"\n    >\n        <thead role=\"presentation\" aria-hidden=\"true\">\n            <tr role=\"row\">\n                <th\n                    scope=\"col\"\n                    role=\"columnheader\"\n                    *ngFor=\"let weekday of weekDays\"\n                >\n                    <foehn-abbr\n                        [text]=\"weekday.substr(0, 2)\"\n                        [title]=\"weekday\"\n                    ></foehn-abbr>\n                </th>\n            </tr>\n        </thead>\n        <tbody role=\"presentation\">\n            <tr role=\"row\" *ngFor=\"let week of weeks; let indexRow = index\">\n                <td\n                    role=\"gridcell\"\n                    *ngFor=\"let dayOfWeek of week; let indexColumn = index\"\n                >\n                    <button\n                        class=\"btn w-100\"\n                        #dayButtonElemRef\n                        [id]=\"'day_' + indexRow + '_' + indexColumn\"\n                        [tabindex]=\"getDayTabIndex(dayOfWeek)\"\n                        [class.btn-info]=\"!isToday(dayOfWeek.date)\"\n                        [class.btn-secondary]=\"isToday(dayOfWeek.date)\"\n                        [class.btn-danger]=\"isSelected(dayOfWeek.date)\"\n                        [attr.aria-label]=\"\n                            weekDays[indexColumn] +\n                            ' ' +\n                            dayOfWeek.dateAsReadable\n                        \"\n                        [attr.data-is-today]=\"isToday(dayOfWeek.date)\"\n                        [attr.data-is-selected]=\"isSelected(dayOfWeek.date)\"\n                        [attr.data-row-index]=\"indexRow\"\n                        [attr.data-column-index]=\"indexColumn\"\n                        [attr.day-number]=\"dayOfWeek.dayOfMonth\"\n                        [disabled]=\"!dayOfWeek.isCurrentMonth\"\n                        (click)=\"handleUserInput(dayOfWeek.date)\"\n                    >\n                        {{ dayOfWeek.dayOfMonth }}\n                    </button>\n                </td>\n            </tr>\n        </tbody>\n    </table>\n</div>\n", styles: [":host ::ng-deep .btn-link .svg-inline--fa{color:#000!important}#datepicker_header{margin-bottom:10px}#datepicker_wrapper{max-width:245px;padding:5px;border:1px solid #dfdfdf;background-color:#fff}#datepicker_wrapper .h4{margin-bottom:0}#datepicker_wrapper thead th{text-align:center;width:15%}#datepicker_wrapper .btn{padding:2px 4px}#datepicker_wrapper button.close{position:absolute;right:-14px;top:-18px;background-color:#fff;border:1px solid #dfdfdf;border-radius:50%;width:30px;height:30px;opacity:1}#datepicker_wrapper #month-input{width:50%;margin-right:5px}:host ::ng-deep foehn-select select.form-control{padding:0;margin:0;height:30px}:host ::ng-deep foehn-select .form-group{margin:0}\n"] }]
+            args: [{ selector: 'foehn-date-picker', template: "<div\n    id=\"datepicker_wrapper\"\n    *ngIf=\"isDatepickerVisible\"\n    [cdkTrapFocus]=\"!!datepickerTriggerHtmlElement\"\n    tabindex=\"-1\"\n    role=\"application\"\n    [attr.aria-label]=\"\n        'foehn-date-picker.container.aria-label' | fromDictionary\n    \"\n>\n    <button\n        *ngIf=\"closeable\"\n        (click)=\"isDatepickerVisible = false\"\n        type=\"button\"\n        class=\"btn close\"\n        [attr.aria-label]=\"\n            'foehn-date-picker.close-button.aria-label' | fromDictionary\n        \"\n        id=\"closeButton\"\n    >\n        <span aria-hidden=\"true\">&times;</span>\n    </button>\n    <div id=\"datepicker_header\" class=\"d-flex justify-content-between\">\n        <button\n            id=\"previous-month\"\n            class=\"btn btn-link\"\n            (click)=\"previousMonth()\"\n        >\n            <foehn-icon-chevron-left\n                [title]=\"\n                    'foehn-date-picker.previous-month-button.title'\n                        | fromDictionary\n                \"\n            ></foehn-icon-chevron-left>\n        </button>\n        <ng-container *ngIf=\"currentMonthYear | async as monthYear\">\n            <span id=\"month-year-label\" aria-live=\"polite\" class=\"sr-only\">\n                {{\n                    'foehn-date-picker.screen-reader.actual-month-displayed'\n                        | fromDictionary\n                }}\n                {{ getMonthAsReadable(monthYear.month) }} {{ monthYear.year }}\n            </span>\n            <foehn-select\n                id=\"month-input\"\n                class=\"align-self-center\"\n                [label]=\"\n                    'foehn-date-picker.screen-reader.month-input.label'\n                        | fromDictionary\n                \"\n                [isLabelSrOnly]=\"true\"\n                [elements]=\"monthListItem\"\n                [model]=\"monthYear.month\"\n                [required]=\"false\"\n                (userInput)=\"userInputMonth($event)\"\n            ></foehn-select>\n            <foehn-select\n                id=\"year-input\"\n                class=\"align-self-center\"\n                [label]=\"\n                    'foehn-date-picker.screen-reader.year-input.label'\n                        | fromDictionary\n                \"\n                [isLabelSrOnly]=\"true\"\n                [elements]=\"yearListItem\"\n                [model]=\"monthYear.year\"\n                [required]=\"false\"\n                (userInput)=\"userInputYear($event)\"\n            ></foehn-select>\n        </ng-container>\n        <button id=\"next-month\" class=\"btn btn-link\" (click)=\"nextMonth()\">\n            <foehn-icon-chevron-right\n                [title]=\"\n                    'foehn-date-picker.next-month-button.title' | fromDictionary\n                \"\n            ></foehn-icon-chevron-right>\n        </button>\n    </div>\n    <table\n        id=\"datepicker_table\"\n        role=\"grid\"\n        (focusin)=\"onDaysFocusin()\"\n        (focusout)=\"onDaysFocusout()\"\n    >\n        <thead role=\"presentation\" aria-hidden=\"true\">\n            <tr role=\"row\">\n                <th\n                    scope=\"col\"\n                    role=\"columnheader\"\n                    *ngFor=\"let weekday of weekDays\"\n                >\n                    <foehn-abbr\n                        [text]=\"weekday.substr(0, 2)\"\n                        [title]=\"weekday\"\n                    ></foehn-abbr>\n                </th>\n            </tr>\n        </thead>\n        <tbody role=\"presentation\">\n            <tr role=\"row\" *ngFor=\"let week of weeks; let indexRow = index\">\n                <td\n                    role=\"gridcell\"\n                    *ngFor=\"let dayOfWeek of week; let indexColumn = index\"\n                >\n                    <button\n                        class=\"btn w-100\"\n                        #dayButtonElemRef\n                        [id]=\"'day_' + indexRow + '_' + indexColumn\"\n                        [tabindex]=\"getDayTabIndex(dayOfWeek)\"\n                        [class.btn-info]=\"!isToday(dayOfWeek.date)\"\n                        [class.btn-secondary]=\"isToday(dayOfWeek.date)\"\n                        [class.btn-danger]=\"isSelected(dayOfWeek.date)\"\n                        [attr.aria-label]=\"\n                            weekDays[indexColumn] +\n                            ' ' +\n                            dayOfWeek.dateAsReadable\n                        \"\n                        [attr.data-is-today]=\"isToday(dayOfWeek.date)\"\n                        [attr.data-is-selected]=\"isSelected(dayOfWeek.date)\"\n                        [attr.data-row-index]=\"indexRow\"\n                        [attr.data-column-index]=\"indexColumn\"\n                        [attr.day-number]=\"dayOfWeek.dayOfMonth\"\n                        [attr.disabled]=\"\n                            !dayOfWeek.isCurrentMonth ? 'disabled' : null\n                        \"\n                        (click)=\"handleUserInput(dayOfWeek.date)\"\n                    >\n                        {{ dayOfWeek.dayOfMonth }}\n                    </button>\n                </td>\n            </tr>\n        </tbody>\n    </table>\n</div>\n", styles: [":host ::ng-deep .btn-link .svg-inline--fa{color:#000!important}#datepicker_header{margin-bottom:10px}#datepicker_wrapper{max-width:245px;padding:5px;border:1px solid #dfdfdf;background-color:#fff}#datepicker_wrapper .h4{margin-bottom:0}#datepicker_wrapper thead th{text-align:center;width:15%}#datepicker_wrapper .btn{padding:2px 4px}#datepicker_wrapper button.close{position:absolute;right:-14px;top:-18px;background-color:#fff;border:1px solid #dfdfdf;border-radius:50%;width:30px;height:30px;opacity:1}#datepicker_wrapper #month-input{width:50%;margin-right:5px}:host ::ng-deep foehn-select select.form-control{padding:0;margin:0;height:30px}:host ::ng-deep foehn-select .form-group{margin:0}\n"] }]
         }], ctorParameters: function () { return [{ type: SdkDictionaryService }, { type: i0.NgZone }]; }, propDecorators: { minYear: [{
                 type: Input
             }], maxYear: [{
@@ -11529,6 +11819,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
                 }]
         }] });
 
+class AddressTypeLight {
+}
+
+class Canton {
+}
+
+class District {
+}
+
+class Municipality {
+}
+
+class PlaceOfOrigin {
+}
+
+class PostalLocality {
+}
+
 /*
  * Public API Surface of prestations-ng
  */
@@ -11537,5 +11845,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { APP_INFO_API_URL, AbstractFoehnUploaderComponent, AbstractListDetailPageComponent, AbstractMenuPageComponent, AbstractPageComponent, AbstractPageFromMenuComponent, ActionStatut, Address, ApplicationInfo, ApplicationInfoService, BAD_PARAMS_HELP_TEXT, BoDocumentError, BoDocumentsWithErrors, BoMultiUploadService, Breadcrumb, BreadcrumbEventService, BreadcrumbItem, CAPTCHA_ERROR_NAME, CURRENCY_REGEXP, Captcha, ComponentError, Configuration, Country, CurrencyHelper, 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, DisplayCurrencyPipe, DisplayDatePipe, DisplayLoginMessagesData, Document, DocumentError, DocumentReference, DocumentReferenceWithFile, DocumentsWithErrors, EPaymentService, EtapeInfo, FORM_SUPPORT_CYBER_TITLE_FALLBACK, FocusedDay, FoehnAbbrComponent, FoehnAddressModule, 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, 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, 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, I18nForm, IbanFormatterDirective, IdeFormatterDirective, Locality, MonthYear, MultiUploadService, NDCFormatterDirective, NavigationDirection, NumberCurrencyFormatterDirective, ObjectHelper, PORTAIL_BASE_URL_INT, PageChangeEvent, PendingFiles, PendingUploadService, PipeModule, Portail, Preferences, PrestationsNgCoreModule, RECAPTCHA_API_URL, RecaptchaService, RedirectComponent, SESSION_INFO_API_URL, SWISS_ISO_ID, SdkDictionaryModule, SdkDictionaryPipe, SdkDictionaryService, SdkEpaymentComponent, SdkEpaymentModule, SdkRecaptchaComponent, SdkRecaptchaModule, SdkRedirectModule, ServiceLocator, SessionInfo, SessionInfoData, SessionInfoWithApplicationService, Street, StreetNumber, THOUSANDS_SEPARATOR, TableSort, UploaderHelper, ValidationHandlerService };
+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, Canton, Captcha, ComponentError, Configuration, Country, CurrencyHelper, 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, DisplayCurrencyPipe, DisplayDatePipe, DisplayLoginMessagesData, District, Document, DocumentError, DocumentReference, DocumentReferenceWithFile, DocumentsWithErrors, EPaymentService, EtapeInfo, FORM_SUPPORT_CYBER_TITLE_FALLBACK, FocusedDay, FoehnAbbrComponent, FoehnAddressModule, 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, 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, I18nForm, IbanFormatterDirective, IdeFormatterDirective, Locality, MonthYear, MultiUploadService, Municipality, NDCFormatterDirective, NavigationDirection, NumberCurrencyFormatterDirective, ObjectHelper, PORTAIL_BASE_URL_INT, PageChangeEvent, 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, ServiceLocator, SessionInfo, SessionInfoData, SessionInfoWithApplicationService, Street, StreetNumber, THOUSANDS_SEPARATOR, TableSort, UploaderHelper, ValidationHandlerService };
 //# sourceMappingURL=dsivd-prestations-ng.mjs.map