@dsivd/prestations-ng 16.2.1-beta.1 → 16.3.0-beta.1

package/fesm2020/dsivd-prestations-ng.mjs

@@ -9,8 +9,8 @@ import { HttpParams, HttpEventType, HttpResponse, HttpErrorResponse, HTTP_INTERC
 import * as i3 from '@angular/forms';
 import { NgModel, NgForm, FormsModule } from '@angular/forms';
 import * as i2 from '@angular/common';
-import { AsyncPipe, CommonModule, registerLocaleData, DatePipe } from '@angular/common';
-import { faInfoCircle, faTimes, faUser, faChevronUp, faExternalLinkAlt, faCheck, faCheckSquare, faChevronDown, faChevronLeft, faChevronRight, faCommentDots, faEdit, faLock, faMapMarkerAlt, faMinusCircle, faPlusCircle, faPlusSquare, faSearch, faTrashAlt, faUnlockAlt } from '@fortawesome/free-solid-svg-icons';
+import { AsyncPipe, registerLocaleData, DatePipe, CommonModule } from '@angular/common';
+import { faInfoCircle, faTimes, faExternalLinkAlt, faPencil, faChevronDown, faChevronUp, faChevronLeft, faChevronRight, faUser, faCheck, faCheckSquare, faCommentDots, faEdit, faLock, faMapMarkerAlt, faMinusCircle, faPlusCircle, faPlusSquare, faSearch, faTrashAlt, faUnlockAlt } from '@fortawesome/free-solid-svg-icons';
 import * as i1$2 from '@fortawesome/angular-fontawesome';
 import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 import * as i2$1 from '@angular/cdk/a11y';
@@ -705,6 +705,16 @@ const GrowlType = {
 };
 
 const DEFAULT_DICTIONARY = {
+    'draft-container.button.show-drafts': 'Demandes en cours de saisie : {draftsLength}',
+    'draft-container.modal.title': 'Il existe déjà une ou plusieurs demandes en cours de saisie',
+    'draft-container.modal.close.button': 'Fermer',
+    'draft-container.modal.drafts-in-es.button': 'Toutes mes demandes en cours de saisie',
+    'draft-container.list.reference.label': 'Référence',
+    'draft-container.list.reference.link': 'Reprendre la demande {reference}',
+    'draft-container.list.modificationDate.label': 'Date de modification',
+    'draft-container.list.referenceInterne.label': 'Votre référence',
+    'draft-container.list.details-in-es.label': 'Détails',
+    'draft-container.list.details-in-es.link': "Consulter la demande {reference} dans l'espace sécurisé",
     'foehn-decision-electronique.title': 'Autorisation de notification des décisions par voie électronique',
     'foehn-decision-electronique.info': 'Votre demande est sur le point d’être envoyée. ' +
         'Conformément à l’art. 44a LPA-VD, l’autorité peut notifier ses décisions par voie électronique ' +
@@ -4298,6 +4308,549 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                 }]
         }], ctorParameters: function () { return [{ type: i1$1.Router }, { type: ApplicationInfoService }, { type: FoehnPageService }]; } });
 
+class DraftsService {
+    constructor(http, sessionInfo, gesdemHandlerService, gesdemEventService) {
+        this.http = http;
+        this.sessionInfo = sessionInfo;
+        this.gesdemHandlerService = gesdemHandlerService;
+        this.gesdemEventService = gesdemEventService;
+        this.draftsUrl = new BehaviorSubject('');
+        const hasReferenceObservable = merge(
+        // To have an initial value. Can be null if there is no form.
+        of(this.gesdemHandlerService.lastResponse), 
+        // Read the form from GesDem
+        this.gesdemEventService.formInitializationObservable()).pipe(map(form => !!form &&
+            !!this.gesdemHandlerService.lastResponse?.meta?.reference));
+        this.allDrafts = combineLatest([
+            this.draftsUrl,
+            hasReferenceObservable,
+            this.sessionInfo.data
+        ]).pipe(switchMap(([url, hasReference, sessionInfoData]) => {
+            if (!url || hasReference || !sessionInfoData?.context) {
+                return of(null);
+            }
+            return this.http.get(url).pipe(catchError((e) => {
+                console.error('Unable to get dratfs, returning an empty array', e);
+                return of([]);
+            }));
+        }));
+    }
+    setDraftsUrl(draftsUrl) {
+        this.draftsUrl.next(draftsUrl);
+    }
+    getAllDrafts() {
+        return this.allDrafts;
+    }
+}
+DraftsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DraftsService, deps: [{ token: i1.HttpClient }, { token: SessionInfo }, { token: GesdemHandlerService }, { token: GesdemEventService }], target: i0.ɵɵFactoryTarget.Injectable });
+DraftsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DraftsService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DraftsService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.HttpClient }, { type: SessionInfo }, { type: GesdemHandlerService }, { type: GesdemEventService }]; } });
+
+dayjs.extend(isToday);
+class DateHelper {
+    constructor() {
+        this.locale = 'fr-CH';
+        this.dateFormat = 'dd.MM.yyyy';
+        this.dateTimeFormat = 'dd.MM.yyyy HH:mm:ss';
+        registerLocaleData(localeFr, 'fr-CH');
+        this.datePipe = new DatePipe(this.locale);
+    }
+    static isValidArray(value) {
+        return (!!value &&
+            value.length > 2 &&
+            !!value[0] &&
+            !!value[1] &&
+            !!value[2]);
+    }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    mapToDateFromNumberArray(object, ...fieldsNames) {
+        if (object) {
+            fieldsNames.forEach(fieldPath => {
+                object[fieldPath] = this.toDateFromNumberArray(object[fieldPath]);
+            });
+        }
+        return object;
+    }
+    mapAllToDateFromNumberArray(
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    objects, ...fieldsNames) {
+        if (objects) {
+            objects.forEach(object => {
+                this.mapToDateFromNumberArray(object, ...fieldsNames);
+            });
+        }
+        return objects;
+    }
+    toDateFromNumberArray(dateInArray) {
+        if (dateInArray) {
+            if (dateInArray.length === 3) {
+                return new Date(dateInArray[0], dateInArray[1] - 1, dateInArray[2]);
+            }
+            else if (dateInArray.length === 5) {
+                // because when time is 00:00:00 the array does not contain the seconds.
+                return new Date(dateInArray[0], dateInArray[1] - 1, dateInArray[2], dateInArray[3], dateInArray[4]);
+            }
+            else if (dateInArray.length >= 6) {
+                return new Date(dateInArray[0], dateInArray[1] - 1, dateInArray[2], dateInArray[3], dateInArray[4], dateInArray[5]);
+            }
+            throw new Error(`Date in number[] format has wrong number of numbers : ${dateInArray.length}`);
+        }
+        return null;
+    }
+    arrayToDisplayDateDMY(d, showTime) {
+        if (showTime) {
+            return this.datePipe.transform(this.toDateFromNumberArray(d), this.dateTimeFormat);
+        }
+        else {
+            return this.datePipe.transform(this.toDateFromNumberArray(d), this.dateFormat);
+        }
+    }
+    toDayjsFromNumberArray(value) {
+        if (DateHelper.isValidArray(value)) {
+            const dateAsString = `${value[0]}-${value[1]}-${value[2]}`;
+            return dayjs(dateAsString);
+        }
+        return null;
+    }
+    isValid(value) {
+        // date is incomplete
+        if (!DateHelper.isValidArray(value)) {
+            return false;
+        }
+        // date cannot be parsed
+        if (!this.toDayjsFromNumberArray(value)) {
+            return false;
+        }
+        // date has not been shifted (i.e. 30.02.2021 -> 01.03.2021)
+        const asString = `${value[0]}-${value[1]}-${value[2]}`;
+        const asStringFromDayJS = this.toDayjsFromNumberArray(value).format('YYYY-M-D');
+        return asString === asStringFromDayJS;
+    }
+    isToday(value) {
+        return (DateHelper.isValidArray(value) &&
+            this.toDayjsFromNumberArray(value).isToday());
+    }
+    leftPad(num) {
+        if (num === undefined || num === null) {
+            return '';
+        }
+        if (num.length === 1) {
+            return `0${num}`;
+        }
+        return num;
+    }
+}
+DateHelper.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DateHelper, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+DateHelper.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DateHelper, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DateHelper, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return []; } });
+
+class FoehnIconExternalLinkAltComponent extends AbstractIconComponent {
+    constructor() {
+        super(...arguments);
+        this.iconName = faExternalLinkAlt;
+        this.defaultTitle = 'Lien externe (nouvel onglet)';
+    }
+}
+FoehnIconExternalLinkAltComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FoehnIconExternalLinkAltComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+FoehnIconExternalLinkAltComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: FoehnIconExternalLinkAltComponent, selector: "foehn-icon-external-link-alt", usesInheritance: true, ngImport: i0, template: "<fa-icon\n    aria-hidden=\"true\"\n    [title]=\"title ? title : defaultTitle\"\n    [icon]=\"iconName\"\n></fa-icon>\n<span class=\"sr-only\">{{ title ? title : defaultTitle }}</span>\n", dependencies: [{ kind: "component", type: i1$2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FoehnIconExternalLinkAltComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'foehn-icon-external-link-alt', template: "<fa-icon\n    aria-hidden=\"true\"\n    [title]=\"title ? title : defaultTitle\"\n    [icon]=\"iconName\"\n></fa-icon>\n<span class=\"sr-only\">{{ title ? title : defaultTitle }}</span>\n" }]
+        }] });
+
+class FoehnIconPencilComponent extends AbstractIconComponent {
+    constructor() {
+        super(...arguments);
+        this.iconName = faPencil;
+        this.defaultTitle = 'Edition';
+    }
+}
+FoehnIconPencilComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FoehnIconPencilComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+FoehnIconPencilComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: FoehnIconPencilComponent, selector: "foehn-icon-pencil", usesInheritance: true, ngImport: i0, template: "<fa-icon\n    aria-hidden=\"true\"\n    [title]=\"title ? title : defaultTitle\"\n    [icon]=\"iconName\"\n></fa-icon>\n<span class=\"sr-only\">{{ title ? title : defaultTitle }}</span>\n", dependencies: [{ kind: "component", type: i1$2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FoehnIconPencilComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'foehn-icon-pencil', template: "<fa-icon\n    aria-hidden=\"true\"\n    [title]=\"title ? title : defaultTitle\"\n    [icon]=\"iconName\"\n></fa-icon>\n<span class=\"sr-only\">{{ title ? title : defaultTitle }}</span>\n" }]
+        }] });
+
+/* 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 FoehnIconChevronDownComponent extends AbstractIconComponent {
+    constructor() {
+        super(...arguments);
+        this.iconName = faChevronDown;
+        this.defaultTitle = 'Flèche vers le bas';
+    }
+}
+FoehnIconChevronDownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FoehnIconChevronDownComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+FoehnIconChevronDownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: FoehnIconChevronDownComponent, selector: "foehn-icon-chevron-down", usesInheritance: true, ngImport: i0, template: "<fa-icon\n    aria-hidden=\"true\"\n    [title]=\"title ? title : defaultTitle\"\n    [icon]=\"iconName\"\n></fa-icon>\n<span class=\"sr-only\">{{ title ? title : defaultTitle }}</span>\n", dependencies: [{ kind: "component", type: i1$2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FoehnIconChevronDownComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'foehn-icon-chevron-down', template: "<fa-icon\n    aria-hidden=\"true\"\n    [title]=\"title ? title : defaultTitle\"\n    [icon]=\"iconName\"\n></fa-icon>\n<span class=\"sr-only\">{{ title ? title : defaultTitle }}</span>\n" }]
+        }] });
+
+class FoehnIconChevronUpComponent extends AbstractIconComponent {
+    constructor() {
+        super(...arguments);
+        this.iconName = faChevronUp;
+        this.defaultTitle = 'Flèche vers le haut';
+    }
+}
+FoehnIconChevronUpComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FoehnIconChevronUpComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+FoehnIconChevronUpComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: FoehnIconChevronUpComponent, selector: "foehn-icon-chevron-up", usesInheritance: true, ngImport: i0, template: "<fa-icon\n    aria-hidden=\"true\"\n    [title]=\"title ? title : defaultTitle\"\n    [icon]=\"iconName\"\n></fa-icon>\n<span class=\"sr-only\">{{ title ? title : defaultTitle }}</span>\n", dependencies: [{ kind: "component", type: i1$2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FoehnIconChevronUpComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'foehn-icon-chevron-up', template: "<fa-icon\n    aria-hidden=\"true\"\n    [title]=\"title ? title : defaultTitle\"\n    [icon]=\"iconName\"\n></fa-icon>\n<span class=\"sr-only\">{{ title ? title : defaultTitle }}</span>\n" }]
+        }] });
+
+class FoehnIconChevronLeftComponent extends AbstractIconComponent {
+    constructor() {
+        super(...arguments);
+        this.iconName = faChevronLeft;
+        this.defaultTitle = 'Flèche vers la gauche';
+    }
+}
+FoehnIconChevronLeftComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FoehnIconChevronLeftComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+FoehnIconChevronLeftComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: FoehnIconChevronLeftComponent, selector: "foehn-icon-chevron-left", usesInheritance: true, ngImport: i0, template: "<fa-icon\n    aria-hidden=\"true\"\n    [title]=\"title ? title : defaultTitle\"\n    [icon]=\"iconName\"\n></fa-icon>\n<span class=\"sr-only\">{{ title ? title : defaultTitle }}</span>\n", dependencies: [{ kind: "component", type: i1$2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FoehnIconChevronLeftComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'foehn-icon-chevron-left', template: "<fa-icon\n    aria-hidden=\"true\"\n    [title]=\"title ? title : defaultTitle\"\n    [icon]=\"iconName\"\n></fa-icon>\n<span class=\"sr-only\">{{ title ? title : defaultTitle }}</span>\n" }]
+        }] });
+
+class FoehnIconChevronRightComponent extends AbstractIconComponent {
+    constructor() {
+        super(...arguments);
+        this.iconName = faChevronRight;
+        this.defaultTitle = 'Flèche vers la droite';
+    }
+}
+FoehnIconChevronRightComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FoehnIconChevronRightComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+FoehnIconChevronRightComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: FoehnIconChevronRightComponent, selector: "foehn-icon-chevron-right", usesInheritance: true, ngImport: i0, template: "<fa-icon\n    aria-hidden=\"true\"\n    [title]=\"title ? title : defaultTitle\"\n    [icon]=\"iconName\"\n></fa-icon>\n<span class=\"sr-only\">{{ title ? title : defaultTitle }}</span>\n", dependencies: [{ kind: "component", type: i1$2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FoehnIconChevronRightComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'foehn-icon-chevron-right', template: "<fa-icon\n    aria-hidden=\"true\"\n    [title]=\"title ? title : defaultTitle\"\n    [icon]=\"iconName\"\n></fa-icon>\n<span class=\"sr-only\">{{ title ? title : defaultTitle }}</span>\n" }]
+        }] });
+
+const hasInputChanged$2 = (change) => change && !ObjectHelper.isEqual(change.previousValue, change.currentValue);
+class FoehnTableComponent {
+    constructor() {
+        this.itemsPerPage = 10;
+        this.id = 'foehn-table';
+        this.previousLabel = 'Précédent';
+        this.nextLabel = 'Suivant';
+        this.pageChange = new EventEmitter();
+        this.sortChange = new EventEmitter();
+        this.currentPage = 1;
+        this.filteredList = [];
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        this.trackByFn = (index, item) => index;
+    }
+    set list(list) {
+        this._list = list;
+    }
+    ngOnChanges(changes) {
+        const itemsPerPageChange = changes.itemsPerPage;
+        const listChange = changes.list;
+        const fixedPageCountChange = changes.fixedPageCount;
+        const sortInputChange = changes.sort;
+        if (!hasInputChanged$2(itemsPerPageChange) &&
+            !hasInputChanged$2(listChange) &&
+            !hasInputChanged$2(fixedPageCountChange) &&
+            !hasInputChanged$2(sortInputChange)) {
+            return;
+        }
+        this.buildFilteredList();
+    }
+    previousPage() {
+        this.currentPage = this.currentPage - 1;
+        this.buildFilteredList();
+        this.pageChange.next({
+            previousPage: this.currentPage + 1,
+            currentPage: this.currentPage,
+            pageCount: this.pagesCount()
+        });
+    }
+    hasPreviousPage() {
+        return this.currentPage > 1;
+    }
+    nextPage() {
+        this.currentPage = this.currentPage + 1;
+        this.buildFilteredList();
+        this.pageChange.next({
+            previousPage: this.currentPage - 1,
+            currentPage: this.currentPage,
+            pageCount: this.pagesCount()
+        });
+    }
+    hasNextPage() {
+        return this.currentPage < this.pagesCount();
+    }
+    showPage(page, emitPageChangeEvent = false) {
+        if (this.currentPage === page) {
+            return;
+        }
+        const previousPage = this.currentPage;
+        this.currentPage = page;
+        this.buildFilteredList();
+        if (emitPageChangeEvent) {
+            this.pageChange.next({
+                previousPage,
+                currentPage: this.currentPage,
+                pageCount: this.pagesCount()
+            });
+        }
+    }
+    pagesCount() {
+        if (!!this.fixedPageCount) {
+            return this.fixedPageCount;
+        }
+        return this._list
+            ? Math.ceil(this._list.length / this.itemsPerPage)
+            : 0;
+    }
+    triggerSort(sortAttribute) {
+        let sortDirection = 'DESC';
+        if (this.sort.sortAttribute === sortAttribute) {
+            sortDirection = this.sort.sortDirection === 'DESC' ? 'ASC' : 'DESC';
+        }
+        this.sortChange.next({
+            sortDirection,
+            sortAttribute
+        });
+    }
+    buildFilteredList() {
+        if (!this._list) {
+            this.filteredList = [];
+            return;
+        }
+        if (!!this.fixedPageCount) {
+            this.filteredList = this._list;
+            return;
+        }
+        const currentPageExists = (this.currentPage - 1) * this.itemsPerPage <= this._list.length;
+        if (!currentPageExists) {
+            this.currentPage = 1;
+        }
+        const start = (this.currentPage - 1) * this.itemsPerPage;
+        this.filteredList = this._list.slice(start, start + this.itemsPerPage);
+    }
+}
+FoehnTableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FoehnTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FoehnTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: FoehnTableComponent, selector: "foehn-table", inputs: { itemsPerPage: "itemsPerPage", id: "id", previousLabel: "previousLabel", nextLabel: "nextLabel", totalElements: "totalElements", fixedPageCount: "fixedPageCount", columnsConfiguration: "columnsConfiguration", sort: "sort", list: "list", trackByFn: "trackByFn" }, outputs: { pageChange: "pageChange", sortChange: "sortChange" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"row\" [id]=\"id\">\n    <div class=\"col-12\">\n        <h4 *ngIf=\"!!totalElements && totalElements === 1\">\n            {{ 'foehn-table.totalElements.1' | fromDictionary }}\n        </h4>\n        <h4 *ngIf=\"!!totalElements && totalElements !== 1\">\n            {{\n                'foehn-table.totalElements'\n                    | fromDictionary: { total: totalElements.toString() }\n            }}\n        </h4>\n    </div>\n\n    <div class=\"col-12 table-responsive\">\n        <table class=\"table table-hover\">\n            <thead class=\"vd-bg-pattern-bars-gray\">\n                <tr>\n                    <th\n                        scope=\"col\"\n                        *ngFor=\"let col of columnsConfiguration\"\n                        [id]=\"col.id\"\n                    >\n                        <ng-container\n                            *ngIf=\"!filteredList.length || !col.sortAttribute\"\n                        >\n                            <span\n                                [innerHTML]=\"\n                                    col.columnLabelKey | fromDictionary\n                                \"\n                            ></span>\n                        </ng-container>\n\n                        <ng-container\n                            *ngIf=\"!!filteredList.length && !!col.sortAttribute\"\n                        >\n                            <a\n                                href=\"#\"\n                                class=\"vd-text-thin\"\n                                (click)=\"\n                                    $event.preventDefault();\n                                    triggerSort(col.sortAttribute)\n                                \"\n                                [title]=\"\n                                    'Trier par ' +\n                                    (col.columnLabelKey | fromDictionary)\n                                \"\n                            >\n                                <span\n                                    [innerHTML]=\"\n                                        col.columnLabelKey | fromDictionary\n                                    \"\n                                ></span>\n                                <ng-container\n                                    *ngIf=\"\n                                        sort.sortAttribute === col.sortAttribute\n                                    \"\n                                >\n                                    <span\n                                        class=\"ml-3\"\n                                        *ngIf=\"sort.sortDirection === 'ASC'\"\n                                    >\n                                        <foehn-icon-chevron-up></foehn-icon-chevron-up>\n                                    </span>\n                                    <span\n                                        class=\"ml-3\"\n                                        *ngIf=\"sort.sortDirection === 'DESC'\"\n                                    >\n                                        <foehn-icon-chevron-down></foehn-icon-chevron-down>\n                                    </span>\n                                </ng-container>\n                            </a>\n                        </ng-container>\n                    </th>\n                </tr>\n            </thead>\n            <tbody>\n                <tr\n                    *ngFor=\"\n                        let item of filteredList;\n                        let index = index;\n                        trackBy: trackByFn\n                    \"\n                >\n                    <td\n                        *ngFor=\"let col of columnsConfiguration\"\n                        [id]=\"col.id + '-' + index\"\n                    >\n                        <ng-container *ngIf=\"!!col.isImportant\">\n                            <span\n                                *ngIf=\"col.isImportant(item)\"\n                                class=\"cell-vertical-align-middle\"\n                            >\n                                <svg\n                                    xmlns=\"http://www.w3.org/2000/svg\"\n                                    width=\"30\"\n                                    height=\"30\"\n                                    style=\"color: var(--red)\"\n                                    fill=\"currentColor\"\n                                    class=\"bi bi-exclamation\"\n                                    viewBox=\"0 0 16 16\"\n                                >\n                                    <path\n                                        d=\"M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.553.553 0 0 1-1.1 0L7.1 4.995z\"\n                                    />\n                                </svg>\n                            </span>\n                        </ng-container>\n\n                        <ng-container *ngIf=\"!!col.iconGetter\">\n                            <span\n                                *ngIf=\"col.iconGetter(item) as iconDef\"\n                                class=\"cell-vertical-align-middle mr-2\"\n                            >\n                                <fa-icon\n                                    aria-hidden=\"true\"\n                                    [icon]=\"iconDef.icon\"\n                                    [title]=\"iconDef.label\"\n                                ></fa-icon>\n                                <span class=\"sr-only\">{{ iconDef.label }}</span>\n                            </span>\n                        </ng-container>\n\n                        <ng-container *ngIf=\"!!col.template\">\n                            <ng-template\n                                [ngTemplateOutlet]=\"col.template\"\n                                [ngTemplateOutletContext]=\"{\n                                    item: item,\n                                    index: index\n                                }\"\n                            ></ng-template>\n                        </ng-container>\n\n                        <ng-container *ngIf=\"!col.template\">\n                            <span\n                                [innerHTML]=\"col.valueGetter(item)\"\n                                class=\"cell-vertical-align-middle\"\n                            ></span>\n                        </ng-container>\n                    </td>\n                </tr>\n                <tr *ngIf=\"!!columnsConfiguration && !filteredList.length\">\n                    <td [colSpan]=\"columnsConfiguration.length\">\n                        <div class=\"w-100 text-center\">\n                            {{ 'foehn-table.totalElements.0' | fromDictionary }}\n                        </div>\n                    </td>\n                </tr>\n            </tbody>\n        </table>\n\n        <div class=\"row d-flex justify-content-between p-1\">\n            <div class=\"col-lg-3 col-md-3 col-sm-6 col-xs-6\">\n                <nav\n                    class=\"vd-pagination\"\n                    aria-label=\"Pagination\"\n                    *ngIf=\"hasPreviousPage()\"\n                >\n                    <ul class=\"vd-pagination__list\">\n                        <li\n                            class=\"vd-pagination__item vd-pagination__item--previous\"\n                        >\n                            <button\n                                class=\"btn-link vd-pagination__link btn-no-extra vd-pagination__link-reset\"\n                                (click)=\"previousPage()\"\n                            >\n                                <span class=\"vd-pagination__title\">\n                                    <foehn-icon-chevron-left></foehn-icon-chevron-left>\n                                    {{ previousLabel }}\n                                </span>\n                                <span class=\"sr-only\">:</span>\n                                <span class=\"vd-pagination__label\">\n                                    {{ currentPage - 1 }} sur {{ pagesCount() }}\n                                </span>\n                            </button>\n                        </li>\n                    </ul>\n                </nav>\n            </div>\n\n            <div class=\"col-lg-3 col-md-3 col-sm-6 col-xs-6\">\n                <nav\n                    class=\"vd-pagination\"\n                    aria-label=\"Pagination\"\n                    *ngIf=\"hasNextPage()\"\n                >\n                    <ul class=\"vd-pagination__list\">\n                        <li\n                            class=\"vd-pagination__item vd-pagination__item--next\"\n                        >\n                            <button\n                                class=\"btn-link vd-pagination__link btn-no-extra vd-pagination__link-reset\"\n                                (click)=\"nextPage()\"\n                            >\n                                <span class=\"vd-pagination__title\">\n                                    {{ nextLabel }}\n                                    <foehn-icon-chevron-right></foehn-icon-chevron-right>\n                                </span>\n                                <span class=\"sr-only\">:</span>\n                                <span class=\"vd-pagination__label\">\n                                    {{ currentPage + 1 }} sur {{ pagesCount() }}\n                                </span>\n                            </button>\n                        </li>\n                    </ul>\n                </nav>\n            </div>\n        </div>\n    </div>\n</div>\n", styles: [".btn-no-extra{padding:0;border:none;font-weight:400;text-decoration-line:none}.vd-pagination__link-reset{background:none;border:none;font-weight:inherit;text-decoration-line:none;text-align:inherit;cursor:pointer}.vd-pagination__link-reset:focus{background-color:var(--vd-focus)}.cell-vertical-align-middle{vertical-align:middle}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: FoehnIconChevronDownComponent, selector: "foehn-icon-chevron-down" }, { kind: "component", type: FoehnIconChevronUpComponent, selector: "foehn-icon-chevron-up" }, { kind: "component", type: i1$2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "component", type: FoehnIconChevronLeftComponent, selector: "foehn-icon-chevron-left" }, { kind: "component", type: FoehnIconChevronRightComponent, selector: "foehn-icon-chevron-right" }, { kind: "pipe", type: SdkDictionaryPipe, name: "fromDictionary" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FoehnTableComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'foehn-table', template: "<div class=\"row\" [id]=\"id\">\n    <div class=\"col-12\">\n        <h4 *ngIf=\"!!totalElements && totalElements === 1\">\n            {{ 'foehn-table.totalElements.1' | fromDictionary }}\n        </h4>\n        <h4 *ngIf=\"!!totalElements && totalElements !== 1\">\n            {{\n                'foehn-table.totalElements'\n                    | fromDictionary: { total: totalElements.toString() }\n            }}\n        </h4>\n    </div>\n\n    <div class=\"col-12 table-responsive\">\n        <table class=\"table table-hover\">\n            <thead class=\"vd-bg-pattern-bars-gray\">\n                <tr>\n                    <th\n                        scope=\"col\"\n                        *ngFor=\"let col of columnsConfiguration\"\n                        [id]=\"col.id\"\n                    >\n                        <ng-container\n                            *ngIf=\"!filteredList.length || !col.sortAttribute\"\n                        >\n                            <span\n                                [innerHTML]=\"\n                                    col.columnLabelKey | fromDictionary\n                                \"\n                            ></span>\n                        </ng-container>\n\n                        <ng-container\n                            *ngIf=\"!!filteredList.length && !!col.sortAttribute\"\n                        >\n                            <a\n                                href=\"#\"\n                                class=\"vd-text-thin\"\n                                (click)=\"\n                                    $event.preventDefault();\n                                    triggerSort(col.sortAttribute)\n                                \"\n                                [title]=\"\n                                    'Trier par ' +\n                                    (col.columnLabelKey | fromDictionary)\n                                \"\n                            >\n                                <span\n                                    [innerHTML]=\"\n                                        col.columnLabelKey | fromDictionary\n                                    \"\n                                ></span>\n                                <ng-container\n                                    *ngIf=\"\n                                        sort.sortAttribute === col.sortAttribute\n                                    \"\n                                >\n                                    <span\n                                        class=\"ml-3\"\n                                        *ngIf=\"sort.sortDirection === 'ASC'\"\n                                    >\n                                        <foehn-icon-chevron-up></foehn-icon-chevron-up>\n                                    </span>\n                                    <span\n                                        class=\"ml-3\"\n                                        *ngIf=\"sort.sortDirection === 'DESC'\"\n                                    >\n                                        <foehn-icon-chevron-down></foehn-icon-chevron-down>\n                                    </span>\n                                </ng-container>\n                            </a>\n                        </ng-container>\n                    </th>\n                </tr>\n            </thead>\n            <tbody>\n                <tr\n                    *ngFor=\"\n                        let item of filteredList;\n                        let index = index;\n                        trackBy: trackByFn\n                    \"\n                >\n                    <td\n                        *ngFor=\"let col of columnsConfiguration\"\n                        [id]=\"col.id + '-' + index\"\n                    >\n                        <ng-container *ngIf=\"!!col.isImportant\">\n                            <span\n                                *ngIf=\"col.isImportant(item)\"\n                                class=\"cell-vertical-align-middle\"\n                            >\n                                <svg\n                                    xmlns=\"http://www.w3.org/2000/svg\"\n                                    width=\"30\"\n                                    height=\"30\"\n                                    style=\"color: var(--red)\"\n                                    fill=\"currentColor\"\n                                    class=\"bi bi-exclamation\"\n                                    viewBox=\"0 0 16 16\"\n                                >\n                                    <path\n                                        d=\"M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.553.553 0 0 1-1.1 0L7.1 4.995z\"\n                                    />\n                                </svg>\n                            </span>\n                        </ng-container>\n\n                        <ng-container *ngIf=\"!!col.iconGetter\">\n                            <span\n                                *ngIf=\"col.iconGetter(item) as iconDef\"\n                                class=\"cell-vertical-align-middle mr-2\"\n                            >\n                                <fa-icon\n                                    aria-hidden=\"true\"\n                                    [icon]=\"iconDef.icon\"\n                                    [title]=\"iconDef.label\"\n                                ></fa-icon>\n                                <span class=\"sr-only\">{{ iconDef.label }}</span>\n                            </span>\n                        </ng-container>\n\n                        <ng-container *ngIf=\"!!col.template\">\n                            <ng-template\n                                [ngTemplateOutlet]=\"col.template\"\n                                [ngTemplateOutletContext]=\"{\n                                    item: item,\n                                    index: index\n                                }\"\n                            ></ng-template>\n                        </ng-container>\n\n                        <ng-container *ngIf=\"!col.template\">\n                            <span\n                                [innerHTML]=\"col.valueGetter(item)\"\n                                class=\"cell-vertical-align-middle\"\n                            ></span>\n                        </ng-container>\n                    </td>\n                </tr>\n                <tr *ngIf=\"!!columnsConfiguration && !filteredList.length\">\n                    <td [colSpan]=\"columnsConfiguration.length\">\n                        <div class=\"w-100 text-center\">\n                            {{ 'foehn-table.totalElements.0' | fromDictionary }}\n                        </div>\n                    </td>\n                </tr>\n            </tbody>\n        </table>\n\n        <div class=\"row d-flex justify-content-between p-1\">\n            <div class=\"col-lg-3 col-md-3 col-sm-6 col-xs-6\">\n                <nav\n                    class=\"vd-pagination\"\n                    aria-label=\"Pagination\"\n                    *ngIf=\"hasPreviousPage()\"\n                >\n                    <ul class=\"vd-pagination__list\">\n                        <li\n                            class=\"vd-pagination__item vd-pagination__item--previous\"\n                        >\n                            <button\n                                class=\"btn-link vd-pagination__link btn-no-extra vd-pagination__link-reset\"\n                                (click)=\"previousPage()\"\n                            >\n                                <span class=\"vd-pagination__title\">\n                                    <foehn-icon-chevron-left></foehn-icon-chevron-left>\n                                    {{ previousLabel }}\n                                </span>\n                                <span class=\"sr-only\">:</span>\n                                <span class=\"vd-pagination__label\">\n                                    {{ currentPage - 1 }} sur {{ pagesCount() }}\n                                </span>\n                            </button>\n                        </li>\n                    </ul>\n                </nav>\n            </div>\n\n            <div class=\"col-lg-3 col-md-3 col-sm-6 col-xs-6\">\n                <nav\n                    class=\"vd-pagination\"\n                    aria-label=\"Pagination\"\n                    *ngIf=\"hasNextPage()\"\n                >\n                    <ul class=\"vd-pagination__list\">\n                        <li\n                            class=\"vd-pagination__item vd-pagination__item--next\"\n                        >\n                            <button\n                                class=\"btn-link vd-pagination__link btn-no-extra vd-pagination__link-reset\"\n                                (click)=\"nextPage()\"\n                            >\n                                <span class=\"vd-pagination__title\">\n                                    {{ nextLabel }}\n                                    <foehn-icon-chevron-right></foehn-icon-chevron-right>\n                                </span>\n                                <span class=\"sr-only\">:</span>\n                                <span class=\"vd-pagination__label\">\n                                    {{ currentPage + 1 }} sur {{ pagesCount() }}\n                                </span>\n                            </button>\n                        </li>\n                    </ul>\n                </nav>\n            </div>\n        </div>\n    </div>\n</div>\n", styles: [".btn-no-extra{padding:0;border:none;font-weight:400;text-decoration-line:none}.vd-pagination__link-reset{background:none;border:none;font-weight:inherit;text-decoration-line:none;text-align:inherit;cursor:pointer}.vd-pagination__link-reset:focus{background-color:var(--vd-focus)}.cell-vertical-align-middle{vertical-align:middle}\n"] }]
+        }], propDecorators: { itemsPerPage: [{
+                type: Input
+            }], id: [{
+                type: Input
+            }], previousLabel: [{
+                type: Input
+            }], nextLabel: [{
+                type: Input
+            }], totalElements: [{
+                type: Input
+            }], fixedPageCount: [{
+                type: Input
+            }], 
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        columnsConfiguration: [{
+                type: Input
+            }], pageChange: [{
+                type: Output
+            }], sort: [{
+                type: Input
+            }], sortChange: [{
+                type: Output
+            }], list: [{
+                type: Input
+            }], 
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        trackByFn: [{
+                type: Input
+            }] } });
+
+const DEFAULT_DRAFTS_URL = 'api/{etapeId}/drafts';
+class DraftsContainerComponent {
+    constructor(draftsService, dateHelper, router, applicationInfoService) {
+        this.draftsService = draftsService;
+        this.dateHelper = dateHelper;
+        this.router = router;
+        this.applicationInfoService = applicationInfoService;
+        this.draftsHidden = false;
+        this.draftsToDisplay = this.draftsService.getAllDrafts();
+        this.espaceSecuriseUrl = this.applicationInfoService.getSafeEspacesSecuriseUrl();
+        this.etapeTitle = this.applicationInfoService.currentEtapeInfo.pipe(map(etape => etape.titreEtape));
+    }
+    ngAfterViewInit() {
+        this.columnsConfiguration = [
+            {
+                id: 'reference',
+                columnLabelKey: 'draft-container.list.reference.label',
+                template: this.referenceLink
+            },
+            {
+                id: 'modificationDate',
+                columnLabelKey: 'draft-container.list.modificationDate.label',
+                valueGetter: item => this.dateHelper.arrayToDisplayDateDMY(item.modificationDate, true)
+            },
+            {
+                id: 'referenceInterne',
+                columnLabelKey: 'draft-container.list.referenceInterne.label',
+                valueGetter: item => item.referenceInterne || '-'
+            },
+            {
+                id: 'linkToES',
+                columnLabelKey: 'draft-container.list.details-in-es.label',
+                template: this.detailLink
+            }
+        ];
+    }
+    showDrafts() {
+        this.draftsHidden = false;
+    }
+    hideDrafts() {
+        this.draftsHidden = true;
+    }
+    ngOnChanges(changes) {
+        const etapeIdChange = changes.etapeId;
+        if (etapeIdChange && etapeIdChange.currentValue) {
+            // Change the URL of the drafts when the etapeId is set.
+            this.draftsService.setDraftsUrl(this.formatUrl(etapeIdChange.currentValue));
+            return;
+        }
+        // We want to support the use-case wheter the etapeId isn't defined.
+        const draftsUrl = changes.draftsUrl;
+        if (draftsUrl && draftsUrl.currentValue) {
+            // Change the URL of the drafts when the etapeId is set.
+            this.draftsService.setDraftsUrl(draftsUrl.currentValue);
+            return;
+        }
+    }
+    resumeDraft(draft) {
+        this.router.navigate([`/${draft.reference}`]);
+        this.draftsHidden = true;
+    }
+    formatUrl(etapeId) {
+        const url = this.draftsUrl || DEFAULT_DRAFTS_URL;
+        return !!etapeId
+            ? url.replace('{etapeId}', etapeId)
+            : url.replace('{etapeId}/', '');
+    }
+}
+DraftsContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DraftsContainerComponent, deps: [{ token: DraftsService }, { token: DateHelper }, { token: i1$1.Router }, { token: ApplicationInfoService }], target: i0.ɵɵFactoryTarget.Component });
+DraftsContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DraftsContainerComponent, selector: "sdk-drafts-container", inputs: { etapeId: "etapeId", draftsUrl: "draftsUrl" }, viewQueries: [{ propertyName: "referenceLink", first: true, predicate: ["referenceLink"], descendants: true }, { propertyName: "detailLink", first: true, predicate: ["detailLink"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"draftsToDisplay | async as drafts\">\n    <div class=\"d-flex flex-column container mt-2\" *ngIf=\"!!drafts.length\">\n        <div class=\"mb-2 mt-2\">\n            <button\n                id=\"showDraftsButton\"\n                class=\"btn btn-link pr-0 pl-0\"\n                (click)=\"showDrafts()\"\n                #showDraftsButton\n            >\n                <foehn-icon-pencil></foehn-icon-pencil>\n                <span class=\"mr-2\"></span>\n                <span\n                    class=\"pl-0 mr-0\"\n                    [innerHTML]=\"\n                        'draft-container.button.show-drafts'\n                            | fromDictionary\n                                : { draftsLength: drafts.length.toString() }\n                    \"\n                ></span>\n            </button>\n        </div>\n\n        <foehn-modal\n            [modalHeaderText]=\"'draft-container.modal.title' | fromDictionary\"\n            [isModalVisible]=\"!draftsHidden\"\n            (isModalVisibleChange)=\"draftsHidden = !$event\"\n            [modalTriggerHtmlElement]=\"showDraftsButton\"\n            modalSize=\"modal-lg\"\n        >\n            <h3 class=\"mt-0 h4\" [innerHTML]=\"etapeTitle | async\"></h3>\n\n            <foehn-table\n                id=\"draftTable\"\n                [list]=\"drafts\"\n                [columnsConfiguration]=\"columnsConfiguration\"\n                [sort]=\"{ sortDirection: 'DESC' }\"\n                [itemsPerPage]=\"5\"\n            ></foehn-table>\n\n            <div modal-footer class=\"w-100\">\n                <div class=\"d-flex\">\n                    <a\n                        id=\"allDraftsButton\"\n                        class=\"btn btn-primary\"\n                        [href]=\"\n                            (espaceSecuriseUrl | async) +\n                            'demandes/search/MINE/INITIAL'\n                        \"\n                        target=\"_blank\"\n                    >\n                        {{\n                            'draft-container.modal.drafts-in-es.button'\n                                | fromDictionary\n                        }}\n                        <foehn-icon-external-link-alt\n                            [title]=\"\n                                'draft-container.modal.drafts-in-es.button'\n                                    | fromDictionary\n                            \"\n                        ></foehn-icon-external-link-alt>\n                    </a>\n\n                    <button\n                        id=\"hideDraftsButton\"\n                        class=\"btn btn-secondary ml-auto\"\n                        (click)=\"draftsHidden = true\"\n                    >\n                        {{\n                            'draft-container.modal.close.button'\n                                | fromDictionary\n                        }}\n                    </button>\n                </div>\n            </div>\n        </foehn-modal>\n    </div>\n</ng-container>\n\n<ng-template #referenceLink let-draft=\"item\" let-index=\"index\">\n    <a\n        href=\"#\"\n        (click)=\"$event.preventDefault(); resumeDraft(draft)\"\n        [title]=\"\n            'draft-container.list.reference.link'\n                | fromDictionary: { reference: draft.reference }\n        \"\n    >\n        {{ draft.reference }}\n    </a>\n</ng-template>\n\n<ng-template #detailLink let-draft=\"item\" let-index=\"index\">\n    <a\n        [href]=\"(espaceSecuriseUrl | async) + 'demandes/' + draft.reference\"\n        [title]=\"\n            'draft-container.list.details-in-es.link'\n                | fromDictionary: { reference: draft.reference }\n        \"\n        target=\"_blank\"\n    >\n        <foehn-icon-external-link-alt\n            [title]=\"\n                'draft-container.list.details-in-es.link'\n                    | fromDictionary: { reference: draft.reference }\n            \"\n        ></foehn-icon-external-link-alt>\n    </a>\n</ng-template>\n", styles: [":host ::ng-deep foehn-icon-pencil .svg-inline--fa{color:var(--vd-primary-dark)!important}:host ::ng-deep a#allDraftsButton>foehn-icon-external-link-alt .svg-inline--fa{color:#fff!important}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FoehnIconExternalLinkAltComponent, selector: "foehn-icon-external-link-alt" }, { kind: "component", type: FoehnIconPencilComponent, selector: "foehn-icon-pencil" }, { kind: "component", type: FoehnTableComponent, selector: "foehn-table", inputs: ["itemsPerPage", "id", "previousLabel", "nextLabel", "totalElements", "fixedPageCount", "columnsConfiguration", "sort", "list", "trackByFn"], outputs: ["pageChange", "sortChange"] }, { kind: "component", type: FoehnModalComponent, selector: "foehn-modal", inputs: ["id", "name", "modalSize", "modalBodyText", "modalHeaderText", "closeable", "modalTriggerHtmlElement", "isModalVisible"], outputs: ["isModalVisibleChange"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: SdkDictionaryPipe, name: "fromDictionary" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DraftsContainerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sdk-drafts-container', template: "<ng-container *ngIf=\"draftsToDisplay | async as drafts\">\n    <div class=\"d-flex flex-column container mt-2\" *ngIf=\"!!drafts.length\">\n        <div class=\"mb-2 mt-2\">\n            <button\n                id=\"showDraftsButton\"\n                class=\"btn btn-link pr-0 pl-0\"\n                (click)=\"showDrafts()\"\n                #showDraftsButton\n            >\n                <foehn-icon-pencil></foehn-icon-pencil>\n                <span class=\"mr-2\"></span>\n                <span\n                    class=\"pl-0 mr-0\"\n                    [innerHTML]=\"\n                        'draft-container.button.show-drafts'\n                            | fromDictionary\n                                : { draftsLength: drafts.length.toString() }\n                    \"\n                ></span>\n            </button>\n        </div>\n\n        <foehn-modal\n            [modalHeaderText]=\"'draft-container.modal.title' | fromDictionary\"\n            [isModalVisible]=\"!draftsHidden\"\n            (isModalVisibleChange)=\"draftsHidden = !$event\"\n            [modalTriggerHtmlElement]=\"showDraftsButton\"\n            modalSize=\"modal-lg\"\n        >\n            <h3 class=\"mt-0 h4\" [innerHTML]=\"etapeTitle | async\"></h3>\n\n            <foehn-table\n                id=\"draftTable\"\n                [list]=\"drafts\"\n                [columnsConfiguration]=\"columnsConfiguration\"\n                [sort]=\"{ sortDirection: 'DESC' }\"\n                [itemsPerPage]=\"5\"\n            ></foehn-table>\n\n            <div modal-footer class=\"w-100\">\n                <div class=\"d-flex\">\n                    <a\n                        id=\"allDraftsButton\"\n                        class=\"btn btn-primary\"\n                        [href]=\"\n                            (espaceSecuriseUrl | async) +\n                            'demandes/search/MINE/INITIAL'\n                        \"\n                        target=\"_blank\"\n                    >\n                        {{\n                            'draft-container.modal.drafts-in-es.button'\n                                | fromDictionary\n                        }}\n                        <foehn-icon-external-link-alt\n                            [title]=\"\n                                'draft-container.modal.drafts-in-es.button'\n                                    | fromDictionary\n                            \"\n                        ></foehn-icon-external-link-alt>\n                    </a>\n\n                    <button\n                        id=\"hideDraftsButton\"\n                        class=\"btn btn-secondary ml-auto\"\n                        (click)=\"draftsHidden = true\"\n                    >\n                        {{\n                            'draft-container.modal.close.button'\n                                | fromDictionary\n                        }}\n                    </button>\n                </div>\n            </div>\n        </foehn-modal>\n    </div>\n</ng-container>\n\n<ng-template #referenceLink let-draft=\"item\" let-index=\"index\">\n    <a\n        href=\"#\"\n        (click)=\"$event.preventDefault(); resumeDraft(draft)\"\n        [title]=\"\n            'draft-container.list.reference.link'\n                | fromDictionary: { reference: draft.reference }\n        \"\n    >\n        {{ draft.reference }}\n    </a>\n</ng-template>\n\n<ng-template #detailLink let-draft=\"item\" let-index=\"index\">\n    <a\n        [href]=\"(espaceSecuriseUrl | async) + 'demandes/' + draft.reference\"\n        [title]=\"\n            'draft-container.list.details-in-es.link'\n                | fromDictionary: { reference: draft.reference }\n        \"\n        target=\"_blank\"\n    >\n        <foehn-icon-external-link-alt\n            [title]=\"\n                'draft-container.list.details-in-es.link'\n                    | fromDictionary: { reference: draft.reference }\n            \"\n        ></foehn-icon-external-link-alt>\n    </a>\n</ng-template>\n", styles: [":host ::ng-deep foehn-icon-pencil .svg-inline--fa{color:var(--vd-primary-dark)!important}:host ::ng-deep a#allDraftsButton>foehn-icon-external-link-alt .svg-inline--fa{color:#fff!important}\n"] }]
+        }], ctorParameters: function () { return [{ type: DraftsService }, { type: DateHelper }, { type: i1$1.Router }, { type: ApplicationInfoService }]; }, propDecorators: { referenceLink: [{
+                type: ViewChild,
+                args: ['referenceLink']
+            }], detailLink: [{
+                type: ViewChild,
+                args: ['detailLink']
+            }], etapeId: [{
+                type: Input
+            }], draftsUrl: [{
+                type: Input
+            }] } });
+
 class FoehnConfirmModalService {
     constructor() {
         this.content = new BehaviorSubject(null);
@@ -4431,137 +4984,48 @@ class FoehnGrowlComponent {
                 this._messages.push(message);
                 setTimeout(() => this.hideMessage(message), !!message.timeToDisplayInSeconds
                     ? message.timeToDisplayInSeconds * 1000
-                    : DEFAULT_DISPLAY_TIME);
-            }
-        });
-    }
-    get messages() {
-        return this._messages;
-    }
-    ngOnDestroy() {
-        this.addMessageObserver.unsubscribe();
-    }
-    hideMessage(message) {
-        message.isVisible = false;
-    }
-    removeMessage(message) {
-        if (this.messages.includes(message)) {
-            this.messages.splice(this.messages.indexOf(message), 1);
-        }
-    }
-    cssTransitionEnd(message) {
-        this.removeMessage(message);
-    }
-}
-FoehnGrowlComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FoehnGrowlComponent, deps: [{ token: GrowlBrokerService }], target: i0.ɵɵFactoryTarget.Component });
-FoehnGrowlComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: FoehnGrowlComponent, selector: "foehn-growl", ngImport: i0, template: "<div id=\"foehn_growlContainer\" class=\"container fixed-top\">\n    <div\n        class=\"alert\"\n        role=\"alert\"\n        *ngFor=\"let message of messages\"\n        [ngClass]=\"message.type\"\n        [class.hidden]=\"!message.isVisible\"\n        (transitionend)=\"cssTransitionEnd(message)\"\n        [innerHTML]=\"message.content\"\n    ></div>\n</div>\n", styles: [".hidden{visibility:hidden;opacity:0;transition:visibility 1s,opacity 1s linear}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FoehnGrowlComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'foehn-growl', template: "<div id=\"foehn_growlContainer\" class=\"container fixed-top\">\n    <div\n        class=\"alert\"\n        role=\"alert\"\n        *ngFor=\"let message of messages\"\n        [ngClass]=\"message.type\"\n        [class.hidden]=\"!message.isVisible\"\n        (transitionend)=\"cssTransitionEnd(message)\"\n        [innerHTML]=\"message.content\"\n    ></div>\n</div>\n", styles: [".hidden{visibility:hidden;opacity:0;transition:visibility 1s,opacity 1s linear}\n"] }]
-        }], ctorParameters: function () { return [{ type: GrowlBrokerService }]; } });
-
-class FoehnIconUserComponent extends AbstractIconComponent {
-    constructor() {
-        super(...arguments);
-        this.iconName = faUser;
-        this.defaultTitle = 'Utilisateur';
-    }
-}
-FoehnIconUserComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FoehnIconUserComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-FoehnIconUserComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: FoehnIconUserComponent, selector: "foehn-icon-user", usesInheritance: true, ngImport: i0, template: "<fa-icon\n    aria-hidden=\"true\"\n    [title]=\"title ? title : defaultTitle\"\n    [icon]=\"iconName\"\n></fa-icon>\n<span class=\"sr-only\">{{ title ? title : defaultTitle }}</span>\n", dependencies: [{ kind: "component", type: i1$2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FoehnIconUserComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'foehn-icon-user', template: "<fa-icon\n    aria-hidden=\"true\"\n    [title]=\"title ? title : defaultTitle\"\n    [icon]=\"iconName\"\n></fa-icon>\n<span class=\"sr-only\">{{ title ? title : defaultTitle }}</span>\n" }]
-        }] });
-
-/* 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]);
+                    : DEFAULT_DISPLAY_TIME);
             }
-            return !!value[key];
         });
-        return result;
     }
-    static isEmpty(value) {
-        return !ObjectHelper.hasAnyValue(value);
+    get messages() {
+        return this._messages;
     }
-    /**
-     * 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;
+    ngOnDestroy() {
+        this.addMessageObserver.unsubscribe();
+    }
+    hideMessage(message) {
+        message.isVisible = false;
+    }
+    removeMessage(message) {
+        if (this.messages.includes(message)) {
+            this.messages.splice(this.messages.indexOf(message), 1);
         }
-        throw new Error('Unable to copy obj! Type not supported.');
+    }
+    cssTransitionEnd(message) {
+        this.removeMessage(message);
+    }
+}
+FoehnGrowlComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FoehnGrowlComponent, deps: [{ token: GrowlBrokerService }], target: i0.ɵɵFactoryTarget.Component });
+FoehnGrowlComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: FoehnGrowlComponent, selector: "foehn-growl", ngImport: i0, template: "<div id=\"foehn_growlContainer\" class=\"container fixed-top\">\n    <div\n        class=\"alert\"\n        role=\"alert\"\n        *ngFor=\"let message of messages\"\n        [ngClass]=\"message.type\"\n        [class.hidden]=\"!message.isVisible\"\n        (transitionend)=\"cssTransitionEnd(message)\"\n        [innerHTML]=\"message.content\"\n    ></div>\n</div>\n", styles: [".hidden{visibility:hidden;opacity:0;transition:visibility 1s,opacity 1s linear}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FoehnGrowlComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'foehn-growl', template: "<div id=\"foehn_growlContainer\" class=\"container fixed-top\">\n    <div\n        class=\"alert\"\n        role=\"alert\"\n        *ngFor=\"let message of messages\"\n        [ngClass]=\"message.type\"\n        [class.hidden]=\"!message.isVisible\"\n        (transitionend)=\"cssTransitionEnd(message)\"\n        [innerHTML]=\"message.content\"\n    ></div>\n</div>\n", styles: [".hidden{visibility:hidden;opacity:0;transition:visibility 1s,opacity 1s linear}\n"] }]
+        }], ctorParameters: function () { return [{ type: GrowlBrokerService }]; } });
+
+class FoehnIconUserComponent extends AbstractIconComponent {
+    constructor() {
+        super(...arguments);
+        this.iconName = faUser;
+        this.defaultTitle = 'Utilisateur';
     }
 }
+FoehnIconUserComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FoehnIconUserComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+FoehnIconUserComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: FoehnIconUserComponent, selector: "foehn-icon-user", usesInheritance: true, ngImport: i0, template: "<fa-icon\n    aria-hidden=\"true\"\n    [title]=\"title ? title : defaultTitle\"\n    [icon]=\"iconName\"\n></fa-icon>\n<span class=\"sr-only\">{{ title ? title : defaultTitle }}</span>\n", dependencies: [{ kind: "component", type: i1$2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FoehnIconUserComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'foehn-icon-user', template: "<fa-icon\n    aria-hidden=\"true\"\n    [title]=\"title ? title : defaultTitle\"\n    [icon]=\"iconName\"\n></fa-icon>\n<span class=\"sr-only\">{{ title ? title : defaultTitle }}</span>\n" }]
+        }] });
 
 class FormSelectOptionGroup {
 }
@@ -5294,20 +5758,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                 type: Input
             }] } });
 
-class FoehnIconChevronUpComponent extends AbstractIconComponent {
-    constructor() {
-        super(...arguments);
-        this.iconName = faChevronUp;
-        this.defaultTitle = 'Flèche vers le haut';
-    }
-}
-FoehnIconChevronUpComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FoehnIconChevronUpComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-FoehnIconChevronUpComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: FoehnIconChevronUpComponent, selector: "foehn-icon-chevron-up", usesInheritance: true, ngImport: i0, template: "<fa-icon\n    aria-hidden=\"true\"\n    [title]=\"title ? title : defaultTitle\"\n    [icon]=\"iconName\"\n></fa-icon>\n<span class=\"sr-only\">{{ title ? title : defaultTitle }}</span>\n", dependencies: [{ kind: "component", type: i1$2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FoehnIconChevronUpComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'foehn-icon-chevron-up', template: "<fa-icon\n    aria-hidden=\"true\"\n    [title]=\"title ? title : defaultTitle\"\n    [icon]=\"iconName\"\n></fa-icon>\n<span class=\"sr-only\">{{ title ? title : defaultTitle }}</span>\n" }]
-        }] });
-
 const GUIDE_URL = 'https://www.vd.ch/index.php?id=67827';
 const TERM_OF_USE_URL = 'https://www.vd.ch/index.php?id=2015321';
 const SECURITY_BEST_PRACTICE_URL = 'https://www.vd.ch/index.php?id=2015320';
@@ -5559,20 +6009,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
             args: [{ selector: 'foehn-confirm-modal', template: "<foehn-modal\n    [modalHeaderText]=\"modalContent.title || 'Confirmation'\"\n    modalSize=\"modal-md\"\n    [isModalVisible]=\"isVisible\"\n    (isModalVisibleChange)=\"updateVisibilityStatus($event)\"\n    [closeable]=\"\n        modalContent.closeable !== null && modalContent.closeable !== undefined\n            ? modalContent.closeable\n            : true\n    \"\n    *ngIf=\"content | async as modalContent\"\n>\n    <p [innerHTML]=\"modalContent.htmlContent\"></p>\n\n    <div modal-footer>\n        <div class=\"d-flex justify-content-end mr-2 mb-2 mt-2\">\n            <button\n                id=\"confirmButton\"\n                class=\"btn btn-secondary\"\n                (click)=\"cancel()\"\n            >\n                {{ modalContent.cancelButtonLabel || 'Annuler' }}\n            </button>\n            <button\n                id=\"cancelButton\"\n                class=\"btn btn-primary ml-3\"\n                (click)=\"ok()\"\n            >\n                {{ modalContent.okButtonLabel || 'Confirmer' }}\n            </button>\n        </div>\n    </div>\n</foehn-modal>\n" }]
         }], ctorParameters: function () { return [{ type: FoehnConfirmModalService }]; } });
 
-class FoehnIconExternalLinkAltComponent extends AbstractIconComponent {
-    constructor() {
-        super(...arguments);
-        this.iconName = faExternalLinkAlt;
-        this.defaultTitle = 'Lien externe (nouvel onglet)';
-    }
-}
-FoehnIconExternalLinkAltComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FoehnIconExternalLinkAltComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-FoehnIconExternalLinkAltComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: FoehnIconExternalLinkAltComponent, selector: "foehn-icon-external-link-alt", usesInheritance: true, ngImport: i0, template: "<fa-icon\n    aria-hidden=\"true\"\n    [title]=\"title ? title : defaultTitle\"\n    [icon]=\"iconName\"\n></fa-icon>\n<span class=\"sr-only\">{{ title ? title : defaultTitle }}</span>\n", dependencies: [{ kind: "component", type: i1$2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FoehnIconExternalLinkAltComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'foehn-icon-external-link-alt', template: "<fa-icon\n    aria-hidden=\"true\"\n    [title]=\"title ? title : defaultTitle\"\n    [icon]=\"iconName\"\n></fa-icon>\n<span class=\"sr-only\">{{ title ? title : defaultTitle }}</span>\n" }]
-        }] });
-
 class FoehnStatusProgressBarComponent {
     constructor(activatedRoute, navigation, gesdemEventService, gesdemHand) {
         this.activatedRoute = activatedRoute;
@@ -5680,6 +6116,7 @@ class FoehnPageComponent {
         this.sdkDictionaryService = sdkDictionaryService;
         this.statisticsService = statisticsService;
         this.supportAlertEnabled = true;
+        this.draftsEnabled = true;
         this.userConnectedAsDisplayed = true;
         this.confirmLeavingAlert = {
             htmlContent: LEAVING_ALERT_CONTENT,
@@ -5810,18 +6247,22 @@ class FoehnPageComponent {
     }
 }
 FoehnPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FoehnPageComponent, deps: [{ token: i1$3.Title }, { token: FoehnPageService }, { token: SupportAlertService }, { token: FoehnNavigationService }, { token: ApplicationInfoService }, { token: GesdemEventService }, { token: BreadcrumbEventService }, { token: i1$1.Router }, { token: SessionInfo }, { token: FoehnPageModalService }, { token: SdkDictionaryService }, { token: SdkStatisticsService }], target: i0.ɵɵFactoryTarget.Component });
-FoehnPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: FoehnPageComponent, selector: "foehn-page", inputs: { appTitle: "appTitle", footerLinks: "footerLinks", supportAlertEnabled: "supportAlertEnabled", supportAlertUrl: "supportAlertUrl", etapeId: "etapeId", userConnectedAsDisplayed: "userConnectedAsDisplayed", statusProgressBarHidden: "statusProgressBarHidden", confirmLeavingAlert: "confirmLeavingAlert", showDefaultContactFooterLink: "showDefaultContactFooterLink", showDefaultGuideFooterLink: "showDefaultGuideFooterLink", showDefaultTermOfUseLink: "showDefaultTermOfUseLink", showDefaultSecurityBestPracticeLink: "showDefaultSecurityBestPracticeLink", routerLinkAppTitle: "routerLinkAppTitle" }, usesOnChanges: true, ngImport: i0, template: "<foehn-header\n    id=\"foehn_header\"\n    [title]=\"appTitle\"\n    [routerLinkAppTitle]=\"routerLinkAppTitle\"\n    [showSecuredAreaLoginButton]=\"showSecuredAreaLoginButton | async\"\n></foehn-header>\n<foehn-growl id=\"foehn_growl\"></foehn-growl>\n<div class=\"vd-bg-pattern-gray\">\n    <div class=\"container\">\n        <foehn-breadcrumb\n            [confirmLeavingAlert]=\"confirmLeavingAlert\"\n        ></foehn-breadcrumb>\n    </div>\n</div>\n<main id=\"main\">\n    <div class=\"vd-bg-pattern-gray\">\n        <div class=\"container\">\n            <!-- Fix annoying flickering when the page loads -->\n            <div class=\"h1 mt-0\" *ngIf=\"!pageTitle\">&nbsp;</div>\n            <h1\n                [tabIndex]=\"-1\"\n                class=\"mt-0\"\n                id=\"page-title\"\n                *ngIf=\"!!pageTitle\"\n                [innerHTML]=\"pageTitle\"\n            ></h1>\n        </div>\n    </div>\n\n    <foehn-status-progress-bar\n        [hidden]=\"\n            statusProgressBarHidden || !!(hasBlockingSupportAlert | async)\n        \"\n    ></foehn-status-progress-bar>\n\n    <section\n        *ngIf=\"!isBrowserSupported\"\n        class=\"container alert alert-danger\"\n        id=\"browser_not_supported_block\"\n        role=\"alert\"\n    >\n        <p class=\"alert-heading\">\n            <strong>\n                {{ 'foehn-page.browser-not-supported' | fromDictionary }}\n            </strong>\n        </p>\n        <p class=\"mb-0\">\n            {{ 'foehn-page.browser-download-invitation' | fromDictionary }}\n            <ng-container *ngIf=\"!isApplePlatform\">\n                <a\n                    [title]=\"browserLinkTitlePrefix + ' Edge'\"\n                    href=\"https://www.microsoft.com/fr-ch/windows/microsoft-edge\"\n                    target=\"_blank\"\n                >\n                    Edge\n                    <span class=\"sr-only\">\n                        {{ 'foehn-page.external-link.srOnly' | fromDictionary }}\n                    </span>\n                    <span aria-hidden=\"true\">\n                        <foehn-icon-external-link-alt></foehn-icon-external-link-alt>\n                    </span>\n                </a>\n                ,\n            </ng-container>\n            <ng-container *ngIf=\"isApplePlatform\">\n                <a\n                    [title]=\"browserLinkTitlePrefix + ' Safari'\"\n                    href=\"https://support.apple.com/downloads/safari\"\n                    target=\"_blank\"\n                >\n                    Safari\n                    <span class=\"sr-only\">\n                        {{ 'foehn-page.external-link.srOnly' | fromDictionary }}\n                    </span>\n                    <span aria-hidden=\"true\">\n                        <foehn-icon-external-link-alt></foehn-icon-external-link-alt>\n                    </span>\n                </a>\n                ,\n            </ng-container>\n            <a\n                [title]=\"browserLinkTitlePrefix + ' Firefox'\"\n                href=\"https://www.mozilla.org/fr/firefox/\"\n                target=\"_blank\"\n            >\n                Firefox\n                <span class=\"sr-only\">\n                    {{ 'foehn-page.external-link.srOnly' | fromDictionary }}\n                </span>\n                <span aria-hidden=\"true\">\n                    <foehn-icon-external-link-alt></foehn-icon-external-link-alt>\n                </span>\n            </a>\n            {{ 'foehn-page.browser-download-list.ou' | fromDictionary }}\n            <a\n                [title]=\"browserLinkTitlePrefix + ' Chrome'\"\n                href=\"https://www.google.com/intl/fr/chrome/\"\n                target=\"_blank\"\n            >\n                Chrome\n                <span class=\"sr-only\">\n                    {{ 'foehn-page.external-link.srOnly' | fromDictionary }}\n                </span>\n                <span aria-hidden=\"true\">\n                    <foehn-icon-external-link-alt></foehn-icon-external-link-alt>\n                </span>\n            </a>\n            .\n        </p>\n        <div class=\"row mt-3\">\n            <div class=\"col-md-12\">\n                <button\n                    id=\"browser_not_supported_bypass\"\n                    class=\"float-right btn btn-danger\"\n                    *ngIf=\"!browserNotSupportedBypass\"\n                    (click)=\"browserNotSupportedBypass = true\"\n                >\n                    {{\n                        'foehn-page.continue-with-same-browser' | fromDictionary\n                    }}\n                </button>\n            </div>\n        </div>\n    </section>\n\n    <sdk-support-alert-container\n        *ngIf=\"supportAlertEnabled\"\n        [etapeId]=\"etapeId\"\n        [supportAlertUrl]=\"supportAlertUrl\"\n    ></sdk-support-alert-container>\n    <ng-container\n        *ngIf=\"\n            !(hasBlockingSupportAlert | async) &&\n            (isBrowserSupported || browserNotSupportedBypass)\n        \"\n    >\n        <div class=\"container mt-5\" id=\"page_content\">\n            <foehn-user-connected-as\n                *ngIf=\"displayUserCategory | async\"\n            ></foehn-user-connected-as>\n        </div>\n        <ng-content></ng-content>\n    </ng-container>\n</main>\n<foehn-footer\n    id=\"foehn_footer\"\n    [links]=\"footerLinks\"\n    [showDefaultContactLink]=\"showDefaultContactFooterLink\"\n    [showDefaultGuideLink]=\"showDefaultGuideFooterLink\"\n    [showDefaultTermOfUseLink]=\"showDefaultTermOfUseLink\"\n    [showDefaultSecurityBestPracticeLink]=\"showDefaultSecurityBestPracticeLink\"\n></foehn-footer>\n<foehn-page-modal></foehn-page-modal>\n<foehn-confirm-modal></foehn-confirm-modal>\n", styles: ["#loginAndContinueButton{text-decoration:underline}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FoehnBreadcrumbComponent, selector: "foehn-breadcrumb", inputs: ["breadcrumbItems", "currentNav", "confirmLeavingAlert"] }, { kind: "component", type: FoehnGrowlComponent, selector: "foehn-growl" }, { kind: "component", type: FoehnHeaderComponent, selector: "foehn-header", inputs: ["title", "showSecuredAreaLoginButton", "routerLinkAppTitle", "userInfo"] }, { kind: "component", type: FoehnFooterComponent, selector: "foehn-footer", inputs: ["links", "showDefaultContactLink", "showDefaultGuideLink", "showDefaultTermOfUseLink", "showDefaultSecurityBestPracticeLink"] }, { kind: "component", type: FoehnUserConnectedAsComponent, selector: "foehn-user-connected-as" }, { kind: "component", type: SupportAlertContainerComponent, selector: "sdk-support-alert-container", inputs: ["etapeId", "supportAlertUrl"] }, { kind: "component", type: FoehnConfirmModalComponent, selector: "foehn-confirm-modal" }, { kind: "component", type: FoehnIconExternalLinkAltComponent, selector: "foehn-icon-external-link-alt" }, { kind: "component", type: FoehnStatusProgressBarComponent, selector: "foehn-status-progress-bar", inputs: ["hidden"] }, { kind: "component", type: FoehnPageModalComponent, selector: "foehn-page-modal" }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: SdkDictionaryPipe, name: "fromDictionary" }] });
+FoehnPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: FoehnPageComponent, selector: "foehn-page", inputs: { appTitle: "appTitle", footerLinks: "footerLinks", supportAlertEnabled: "supportAlertEnabled", draftsEnabled: "draftsEnabled", supportAlertUrl: "supportAlertUrl", draftsUrl: "draftsUrl", etapeId: "etapeId", userConnectedAsDisplayed: "userConnectedAsDisplayed", statusProgressBarHidden: "statusProgressBarHidden", confirmLeavingAlert: "confirmLeavingAlert", showDefaultContactFooterLink: "showDefaultContactFooterLink", showDefaultGuideFooterLink: "showDefaultGuideFooterLink", showDefaultTermOfUseLink: "showDefaultTermOfUseLink", showDefaultSecurityBestPracticeLink: "showDefaultSecurityBestPracticeLink", routerLinkAppTitle: "routerLinkAppTitle" }, usesOnChanges: true, ngImport: i0, template: "<foehn-header\n    id=\"foehn_header\"\n    [title]=\"appTitle\"\n    [routerLinkAppTitle]=\"routerLinkAppTitle\"\n    [showSecuredAreaLoginButton]=\"showSecuredAreaLoginButton | async\"\n></foehn-header>\n<foehn-growl id=\"foehn_growl\"></foehn-growl>\n<div class=\"vd-bg-pattern-gray\">\n    <div class=\"container\">\n        <foehn-breadcrumb\n            [confirmLeavingAlert]=\"confirmLeavingAlert\"\n        ></foehn-breadcrumb>\n    </div>\n</div>\n<main id=\"main\">\n    <div class=\"vd-bg-pattern-gray\">\n        <div class=\"container\">\n            <!-- Fix annoying flickering when the page loads -->\n            <div class=\"h1 mt-0\" *ngIf=\"!pageTitle\">&nbsp;</div>\n            <h1\n                [tabIndex]=\"-1\"\n                class=\"mt-0\"\n                id=\"page-title\"\n                *ngIf=\"!!pageTitle\"\n                [innerHTML]=\"pageTitle\"\n            ></h1>\n        </div>\n    </div>\n\n    <foehn-status-progress-bar\n        [hidden]=\"\n            statusProgressBarHidden || !!(hasBlockingSupportAlert | async)\n        \"\n    ></foehn-status-progress-bar>\n\n    <section\n        *ngIf=\"!isBrowserSupported\"\n        class=\"container alert alert-danger\"\n        id=\"browser_not_supported_block\"\n        role=\"alert\"\n    >\n        <p class=\"alert-heading\">\n            <strong>\n                {{ 'foehn-page.browser-not-supported' | fromDictionary }}\n            </strong>\n        </p>\n        <p class=\"mb-0\">\n            {{ 'foehn-page.browser-download-invitation' | fromDictionary }}\n            <ng-container *ngIf=\"!isApplePlatform\">\n                <a\n                    [title]=\"browserLinkTitlePrefix + ' Edge'\"\n                    href=\"https://www.microsoft.com/fr-ch/windows/microsoft-edge\"\n                    target=\"_blank\"\n                >\n                    Edge\n                    <span class=\"sr-only\">\n                        {{ 'foehn-page.external-link.srOnly' | fromDictionary }}\n                    </span>\n                    <span aria-hidden=\"true\">\n                        <foehn-icon-external-link-alt></foehn-icon-external-link-alt>\n                    </span>\n                </a>\n                ,\n            </ng-container>\n            <ng-container *ngIf=\"isApplePlatform\">\n                <a\n                    [title]=\"browserLinkTitlePrefix + ' Safari'\"\n                    href=\"https://support.apple.com/downloads/safari\"\n                    target=\"_blank\"\n                >\n                    Safari\n                    <span class=\"sr-only\">\n                        {{ 'foehn-page.external-link.srOnly' | fromDictionary }}\n                    </span>\n                    <span aria-hidden=\"true\">\n                        <foehn-icon-external-link-alt></foehn-icon-external-link-alt>\n                    </span>\n                </a>\n                ,\n            </ng-container>\n            <a\n                [title]=\"browserLinkTitlePrefix + ' Firefox'\"\n                href=\"https://www.mozilla.org/fr/firefox/\"\n                target=\"_blank\"\n            >\n                Firefox\n                <span class=\"sr-only\">\n                    {{ 'foehn-page.external-link.srOnly' | fromDictionary }}\n                </span>\n                <span aria-hidden=\"true\">\n                    <foehn-icon-external-link-alt></foehn-icon-external-link-alt>\n                </span>\n            </a>\n            {{ 'foehn-page.browser-download-list.ou' | fromDictionary }}\n            <a\n                [title]=\"browserLinkTitlePrefix + ' Chrome'\"\n                href=\"https://www.google.com/intl/fr/chrome/\"\n                target=\"_blank\"\n            >\n                Chrome\n                <span class=\"sr-only\">\n                    {{ 'foehn-page.external-link.srOnly' | fromDictionary }}\n                </span>\n                <span aria-hidden=\"true\">\n                    <foehn-icon-external-link-alt></foehn-icon-external-link-alt>\n                </span>\n            </a>\n            .\n        </p>\n        <div class=\"row mt-3\">\n            <div class=\"col-md-12\">\n                <button\n                    id=\"browser_not_supported_bypass\"\n                    class=\"float-right btn btn-danger\"\n                    *ngIf=\"!browserNotSupportedBypass\"\n                    (click)=\"browserNotSupportedBypass = true\"\n                >\n                    {{\n                        'foehn-page.continue-with-same-browser' | fromDictionary\n                    }}\n                </button>\n            </div>\n        </div>\n    </section>\n\n    <sdk-support-alert-container\n        *ngIf=\"supportAlertEnabled\"\n        [etapeId]=\"etapeId\"\n        [supportAlertUrl]=\"supportAlertUrl\"\n    ></sdk-support-alert-container>\n    <sdk-drafts-container\n        *ngIf=\"draftsEnabled\"\n        [etapeId]=\"etapeId\"\n        [draftsUrl]=\"draftsUrl\"\n    ></sdk-drafts-container>\n    <ng-container\n        *ngIf=\"\n            !(hasBlockingSupportAlert | async) &&\n            (isBrowserSupported || browserNotSupportedBypass)\n        \"\n    >\n        <div class=\"container mt-5\" id=\"page_content\">\n            <foehn-user-connected-as\n                *ngIf=\"displayUserCategory | async\"\n            ></foehn-user-connected-as>\n        </div>\n        <ng-content></ng-content>\n    </ng-container>\n</main>\n<foehn-footer\n    id=\"foehn_footer\"\n    [links]=\"footerLinks\"\n    [showDefaultContactLink]=\"showDefaultContactFooterLink\"\n    [showDefaultGuideLink]=\"showDefaultGuideFooterLink\"\n    [showDefaultTermOfUseLink]=\"showDefaultTermOfUseLink\"\n    [showDefaultSecurityBestPracticeLink]=\"showDefaultSecurityBestPracticeLink\"\n></foehn-footer>\n<foehn-page-modal></foehn-page-modal>\n<foehn-confirm-modal></foehn-confirm-modal>\n", styles: ["#loginAndContinueButton{text-decoration:underline}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DraftsContainerComponent, selector: "sdk-drafts-container", inputs: ["etapeId", "draftsUrl"] }, { kind: "component", type: FoehnBreadcrumbComponent, selector: "foehn-breadcrumb", inputs: ["breadcrumbItems", "currentNav", "confirmLeavingAlert"] }, { kind: "component", type: FoehnGrowlComponent, selector: "foehn-growl" }, { kind: "component", type: FoehnHeaderComponent, selector: "foehn-header", inputs: ["title", "showSecuredAreaLoginButton", "routerLinkAppTitle", "userInfo"] }, { kind: "component", type: FoehnFooterComponent, selector: "foehn-footer", inputs: ["links", "showDefaultContactLink", "showDefaultGuideLink", "showDefaultTermOfUseLink", "showDefaultSecurityBestPracticeLink"] }, { kind: "component", type: FoehnUserConnectedAsComponent, selector: "foehn-user-connected-as" }, { kind: "component", type: SupportAlertContainerComponent, selector: "sdk-support-alert-container", inputs: ["etapeId", "supportAlertUrl"] }, { kind: "component", type: FoehnConfirmModalComponent, selector: "foehn-confirm-modal" }, { kind: "component", type: FoehnIconExternalLinkAltComponent, selector: "foehn-icon-external-link-alt" }, { kind: "component", type: FoehnStatusProgressBarComponent, selector: "foehn-status-progress-bar", inputs: ["hidden"] }, { kind: "component", type: FoehnPageModalComponent, selector: "foehn-page-modal" }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: SdkDictionaryPipe, name: "fromDictionary" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FoehnPageComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'foehn-page', template: "<foehn-header\n    id=\"foehn_header\"\n    [title]=\"appTitle\"\n    [routerLinkAppTitle]=\"routerLinkAppTitle\"\n    [showSecuredAreaLoginButton]=\"showSecuredAreaLoginButton | async\"\n></foehn-header>\n<foehn-growl id=\"foehn_growl\"></foehn-growl>\n<div class=\"vd-bg-pattern-gray\">\n    <div class=\"container\">\n        <foehn-breadcrumb\n            [confirmLeavingAlert]=\"confirmLeavingAlert\"\n        ></foehn-breadcrumb>\n    </div>\n</div>\n<main id=\"main\">\n    <div class=\"vd-bg-pattern-gray\">\n        <div class=\"container\">\n            <!-- Fix annoying flickering when the page loads -->\n            <div class=\"h1 mt-0\" *ngIf=\"!pageTitle\">&nbsp;</div>\n            <h1\n                [tabIndex]=\"-1\"\n                class=\"mt-0\"\n                id=\"page-title\"\n                *ngIf=\"!!pageTitle\"\n                [innerHTML]=\"pageTitle\"\n            ></h1>\n        </div>\n    </div>\n\n    <foehn-status-progress-bar\n        [hidden]=\"\n            statusProgressBarHidden || !!(hasBlockingSupportAlert | async)\n        \"\n    ></foehn-status-progress-bar>\n\n    <section\n        *ngIf=\"!isBrowserSupported\"\n        class=\"container alert alert-danger\"\n        id=\"browser_not_supported_block\"\n        role=\"alert\"\n    >\n        <p class=\"alert-heading\">\n            <strong>\n                {{ 'foehn-page.browser-not-supported' | fromDictionary }}\n            </strong>\n        </p>\n        <p class=\"mb-0\">\n            {{ 'foehn-page.browser-download-invitation' | fromDictionary }}\n            <ng-container *ngIf=\"!isApplePlatform\">\n                <a\n                    [title]=\"browserLinkTitlePrefix + ' Edge'\"\n                    href=\"https://www.microsoft.com/fr-ch/windows/microsoft-edge\"\n                    target=\"_blank\"\n                >\n                    Edge\n                    <span class=\"sr-only\">\n                        {{ 'foehn-page.external-link.srOnly' | fromDictionary }}\n                    </span>\n                    <span aria-hidden=\"true\">\n                        <foehn-icon-external-link-alt></foehn-icon-external-link-alt>\n                    </span>\n                </a>\n                ,\n            </ng-container>\n            <ng-container *ngIf=\"isApplePlatform\">\n                <a\n                    [title]=\"browserLinkTitlePrefix + ' Safari'\"\n                    href=\"https://support.apple.com/downloads/safari\"\n                    target=\"_blank\"\n                >\n                    Safari\n                    <span class=\"sr-only\">\n                        {{ 'foehn-page.external-link.srOnly' | fromDictionary }}\n                    </span>\n                    <span aria-hidden=\"true\">\n                        <foehn-icon-external-link-alt></foehn-icon-external-link-alt>\n                    </span>\n                </a>\n                ,\n            </ng-container>\n            <a\n                [title]=\"browserLinkTitlePrefix + ' Firefox'\"\n                href=\"https://www.mozilla.org/fr/firefox/\"\n                target=\"_blank\"\n            >\n                Firefox\n                <span class=\"sr-only\">\n                    {{ 'foehn-page.external-link.srOnly' | fromDictionary }}\n                </span>\n                <span aria-hidden=\"true\">\n                    <foehn-icon-external-link-alt></foehn-icon-external-link-alt>\n                </span>\n            </a>\n            {{ 'foehn-page.browser-download-list.ou' | fromDictionary }}\n            <a\n                [title]=\"browserLinkTitlePrefix + ' Chrome'\"\n                href=\"https://www.google.com/intl/fr/chrome/\"\n                target=\"_blank\"\n            >\n                Chrome\n                <span class=\"sr-only\">\n                    {{ 'foehn-page.external-link.srOnly' | fromDictionary }}\n                </span>\n                <span aria-hidden=\"true\">\n                    <foehn-icon-external-link-alt></foehn-icon-external-link-alt>\n                </span>\n            </a>\n            .\n        </p>\n        <div class=\"row mt-3\">\n            <div class=\"col-md-12\">\n                <button\n                    id=\"browser_not_supported_bypass\"\n                    class=\"float-right btn btn-danger\"\n                    *ngIf=\"!browserNotSupportedBypass\"\n                    (click)=\"browserNotSupportedBypass = true\"\n                >\n                    {{\n                        'foehn-page.continue-with-same-browser' | fromDictionary\n                    }}\n                </button>\n            </div>\n        </div>\n    </section>\n\n    <sdk-support-alert-container\n        *ngIf=\"supportAlertEnabled\"\n        [etapeId]=\"etapeId\"\n        [supportAlertUrl]=\"supportAlertUrl\"\n    ></sdk-support-alert-container>\n    <ng-container\n        *ngIf=\"\n            !(hasBlockingSupportAlert | async) &&\n            (isBrowserSupported || browserNotSupportedBypass)\n        \"\n    >\n        <div class=\"container mt-5\" id=\"page_content\">\n            <foehn-user-connected-as\n                *ngIf=\"displayUserCategory | async\"\n            ></foehn-user-connected-as>\n        </div>\n        <ng-content></ng-content>\n    </ng-container>\n</main>\n<foehn-footer\n    id=\"foehn_footer\"\n    [links]=\"footerLinks\"\n    [showDefaultContactLink]=\"showDefaultContactFooterLink\"\n    [showDefaultGuideLink]=\"showDefaultGuideFooterLink\"\n    [showDefaultTermOfUseLink]=\"showDefaultTermOfUseLink\"\n    [showDefaultSecurityBestPracticeLink]=\"showDefaultSecurityBestPracticeLink\"\n></foehn-footer>\n<foehn-page-modal></foehn-page-modal>\n<foehn-confirm-modal></foehn-confirm-modal>\n", styles: ["#loginAndContinueButton{text-decoration:underline}\n"] }]
+            args: [{ selector: 'foehn-page', template: "<foehn-header\n    id=\"foehn_header\"\n    [title]=\"appTitle\"\n    [routerLinkAppTitle]=\"routerLinkAppTitle\"\n    [showSecuredAreaLoginButton]=\"showSecuredAreaLoginButton | async\"\n></foehn-header>\n<foehn-growl id=\"foehn_growl\"></foehn-growl>\n<div class=\"vd-bg-pattern-gray\">\n    <div class=\"container\">\n        <foehn-breadcrumb\n            [confirmLeavingAlert]=\"confirmLeavingAlert\"\n        ></foehn-breadcrumb>\n    </div>\n</div>\n<main id=\"main\">\n    <div class=\"vd-bg-pattern-gray\">\n        <div class=\"container\">\n            <!-- Fix annoying flickering when the page loads -->\n            <div class=\"h1 mt-0\" *ngIf=\"!pageTitle\">&nbsp;</div>\n            <h1\n                [tabIndex]=\"-1\"\n                class=\"mt-0\"\n                id=\"page-title\"\n                *ngIf=\"!!pageTitle\"\n                [innerHTML]=\"pageTitle\"\n            ></h1>\n        </div>\n    </div>\n\n    <foehn-status-progress-bar\n        [hidden]=\"\n            statusProgressBarHidden || !!(hasBlockingSupportAlert | async)\n        \"\n    ></foehn-status-progress-bar>\n\n    <section\n        *ngIf=\"!isBrowserSupported\"\n        class=\"container alert alert-danger\"\n        id=\"browser_not_supported_block\"\n        role=\"alert\"\n    >\n        <p class=\"alert-heading\">\n            <strong>\n                {{ 'foehn-page.browser-not-supported' | fromDictionary }}\n            </strong>\n        </p>\n        <p class=\"mb-0\">\n            {{ 'foehn-page.browser-download-invitation' | fromDictionary }}\n            <ng-container *ngIf=\"!isApplePlatform\">\n                <a\n                    [title]=\"browserLinkTitlePrefix + ' Edge'\"\n                    href=\"https://www.microsoft.com/fr-ch/windows/microsoft-edge\"\n                    target=\"_blank\"\n                >\n                    Edge\n                    <span class=\"sr-only\">\n                        {{ 'foehn-page.external-link.srOnly' | fromDictionary }}\n                    </span>\n                    <span aria-hidden=\"true\">\n                        <foehn-icon-external-link-alt></foehn-icon-external-link-alt>\n                    </span>\n                </a>\n                ,\n            </ng-container>\n            <ng-container *ngIf=\"isApplePlatform\">\n                <a\n                    [title]=\"browserLinkTitlePrefix + ' Safari'\"\n                    href=\"https://support.apple.com/downloads/safari\"\n                    target=\"_blank\"\n                >\n                    Safari\n                    <span class=\"sr-only\">\n                        {{ 'foehn-page.external-link.srOnly' | fromDictionary }}\n                    </span>\n                    <span aria-hidden=\"true\">\n                        <foehn-icon-external-link-alt></foehn-icon-external-link-alt>\n                    </span>\n                </a>\n                ,\n            </ng-container>\n            <a\n                [title]=\"browserLinkTitlePrefix + ' Firefox'\"\n                href=\"https://www.mozilla.org/fr/firefox/\"\n                target=\"_blank\"\n            >\n                Firefox\n                <span class=\"sr-only\">\n                    {{ 'foehn-page.external-link.srOnly' | fromDictionary }}\n                </span>\n                <span aria-hidden=\"true\">\n                    <foehn-icon-external-link-alt></foehn-icon-external-link-alt>\n                </span>\n            </a>\n            {{ 'foehn-page.browser-download-list.ou' | fromDictionary }}\n            <a\n                [title]=\"browserLinkTitlePrefix + ' Chrome'\"\n                href=\"https://www.google.com/intl/fr/chrome/\"\n                target=\"_blank\"\n            >\n                Chrome\n                <span class=\"sr-only\">\n                    {{ 'foehn-page.external-link.srOnly' | fromDictionary }}\n                </span>\n                <span aria-hidden=\"true\">\n                    <foehn-icon-external-link-alt></foehn-icon-external-link-alt>\n                </span>\n            </a>\n            .\n        </p>\n        <div class=\"row mt-3\">\n            <div class=\"col-md-12\">\n                <button\n                    id=\"browser_not_supported_bypass\"\n                    class=\"float-right btn btn-danger\"\n                    *ngIf=\"!browserNotSupportedBypass\"\n                    (click)=\"browserNotSupportedBypass = true\"\n                >\n                    {{\n                        'foehn-page.continue-with-same-browser' | fromDictionary\n                    }}\n                </button>\n            </div>\n        </div>\n    </section>\n\n    <sdk-support-alert-container\n        *ngIf=\"supportAlertEnabled\"\n        [etapeId]=\"etapeId\"\n        [supportAlertUrl]=\"supportAlertUrl\"\n    ></sdk-support-alert-container>\n    <sdk-drafts-container\n        *ngIf=\"draftsEnabled\"\n        [etapeId]=\"etapeId\"\n        [draftsUrl]=\"draftsUrl\"\n    ></sdk-drafts-container>\n    <ng-container\n        *ngIf=\"\n            !(hasBlockingSupportAlert | async) &&\n            (isBrowserSupported || browserNotSupportedBypass)\n        \"\n    >\n        <div class=\"container mt-5\" id=\"page_content\">\n            <foehn-user-connected-as\n                *ngIf=\"displayUserCategory | async\"\n            ></foehn-user-connected-as>\n        </div>\n        <ng-content></ng-content>\n    </ng-container>\n</main>\n<foehn-footer\n    id=\"foehn_footer\"\n    [links]=\"footerLinks\"\n    [showDefaultContactLink]=\"showDefaultContactFooterLink\"\n    [showDefaultGuideLink]=\"showDefaultGuideFooterLink\"\n    [showDefaultTermOfUseLink]=\"showDefaultTermOfUseLink\"\n    [showDefaultSecurityBestPracticeLink]=\"showDefaultSecurityBestPracticeLink\"\n></foehn-footer>\n<foehn-page-modal></foehn-page-modal>\n<foehn-confirm-modal></foehn-confirm-modal>\n", styles: ["#loginAndContinueButton{text-decoration:underline}\n"] }]
         }], ctorParameters: function () { return [{ type: i1$3.Title }, { type: FoehnPageService }, { type: SupportAlertService }, { type: FoehnNavigationService }, { type: ApplicationInfoService }, { type: GesdemEventService }, { type: BreadcrumbEventService }, { type: i1$1.Router }, { type: SessionInfo }, { type: FoehnPageModalService }, { type: SdkDictionaryService }, { type: SdkStatisticsService }]; }, propDecorators: { appTitle: [{
                 type: Input
             }], footerLinks: [{
                 type: Input
             }], supportAlertEnabled: [{
                 type: Input
+            }], draftsEnabled: [{
+                type: Input
             }], supportAlertUrl: [{
                 type: Input
+            }], draftsUrl: [{
+                type: Input
             }], etapeId: [{
                 type: Input
             }], userConnectedAsDisplayed: [{
@@ -5903,109 +6344,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
             args: [{ name: 'displayCurrency' }]
         }], ctorParameters: function () { return [{ type: CurrencyHelper }]; } });
 
-dayjs.extend(isToday);
-class DateHelper {
-    constructor() {
-        this.locale = 'fr-CH';
-        this.dateFormat = 'dd.MM.yyyy';
-        this.dateTimeFormat = 'dd.MM.yyyy HH:mm:ss';
-        registerLocaleData(localeFr, 'fr-CH');
-        this.datePipe = new DatePipe(this.locale);
-    }
-    static isValidArray(value) {
-        return (!!value &&
-            value.length > 2 &&
-            !!value[0] &&
-            !!value[1] &&
-            !!value[2]);
-    }
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    mapToDateFromNumberArray(object, ...fieldsNames) {
-        if (object) {
-            fieldsNames.forEach(fieldPath => {
-                object[fieldPath] = this.toDateFromNumberArray(object[fieldPath]);
-            });
-        }
-        return object;
-    }
-    mapAllToDateFromNumberArray(
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    objects, ...fieldsNames) {
-        if (objects) {
-            objects.forEach(object => {
-                this.mapToDateFromNumberArray(object, ...fieldsNames);
-            });
-        }
-        return objects;
-    }
-    toDateFromNumberArray(dateInArray) {
-        if (dateInArray) {
-            if (dateInArray.length === 3) {
-                return new Date(dateInArray[0], dateInArray[1] - 1, dateInArray[2]);
-            }
-            else if (dateInArray.length === 5) {
-                // because when time is 00:00:00 the array does not contain the seconds.
-                return new Date(dateInArray[0], dateInArray[1] - 1, dateInArray[2], dateInArray[3], dateInArray[4]);
-            }
-            else if (dateInArray.length >= 6) {
-                return new Date(dateInArray[0], dateInArray[1] - 1, dateInArray[2], dateInArray[3], dateInArray[4], dateInArray[5]);
-            }
-            throw new Error(`Date in number[] format has wrong number of numbers : ${dateInArray.length}`);
-        }
-        return null;
-    }
-    arrayToDisplayDateDMY(d, showTime) {
-        if (showTime) {
-            return this.datePipe.transform(this.toDateFromNumberArray(d), this.dateTimeFormat);
-        }
-        else {
-            return this.datePipe.transform(this.toDateFromNumberArray(d), this.dateFormat);
-        }
-    }
-    toDayjsFromNumberArray(value) {
-        if (DateHelper.isValidArray(value)) {
-            const dateAsString = `${value[0]}-${value[1]}-${value[2]}`;
-            return dayjs(dateAsString);
-        }
-        return null;
-    }
-    isValid(value) {
-        // date is incomplete
-        if (!DateHelper.isValidArray(value)) {
-            return false;
-        }
-        // date cannot be parsed
-        if (!this.toDayjsFromNumberArray(value)) {
-            return false;
-        }
-        // date has not been shifted (i.e. 30.02.2021 -> 01.03.2021)
-        const asString = `${value[0]}-${value[1]}-${value[2]}`;
-        const asStringFromDayJS = this.toDayjsFromNumberArray(value).format('YYYY-M-D');
-        return asString === asStringFromDayJS;
-    }
-    isToday(value) {
-        return (DateHelper.isValidArray(value) &&
-            this.toDayjsFromNumberArray(value).isToday());
-    }
-    leftPad(num) {
-        if (num === undefined || num === null) {
-            return '';
-        }
-        if (num.length === 1) {
-            return `0${num}`;
-        }
-        return num;
-    }
-}
-DateHelper.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DateHelper, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-DateHelper.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DateHelper, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DateHelper, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: function () { return []; } });
-
 const DATE_LOCALE = 'fr-CH';
 class DisplayDatePipe {
     constructor(dateHelper) {
@@ -6126,82 +6464,40 @@ class FoehnIconCalendarComponent extends AbstractIconComponent {
         this.iconName = faCalendarAlt;
         this.defaultTitle = 'Calendrier';
     }
-}
-FoehnIconCalendarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FoehnIconCalendarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-FoehnIconCalendarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: FoehnIconCalendarComponent, selector: "foehn-icon-calendar", usesInheritance: true, ngImport: i0, template: "<fa-icon\n    aria-hidden=\"true\"\n    [title]=\"title ? title : defaultTitle\"\n    [icon]=\"iconName\"\n></fa-icon>\n<span class=\"sr-only\">{{ title ? title : defaultTitle }}</span>\n", dependencies: [{ kind: "component", type: i1$2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FoehnIconCalendarComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'foehn-icon-calendar', template: "<fa-icon\n    aria-hidden=\"true\"\n    [title]=\"title ? title : defaultTitle\"\n    [icon]=\"iconName\"\n></fa-icon>\n<span class=\"sr-only\">{{ title ? title : defaultTitle }}</span>\n" }]
-        }] });
-
-class FoehnIconCheckComponent extends AbstractIconComponent {
-    constructor() {
-        super(...arguments);
-        this.iconName = faCheck;
-        this.defaultTitle = 'Check ok';
-    }
-}
-FoehnIconCheckComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FoehnIconCheckComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-FoehnIconCheckComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: FoehnIconCheckComponent, selector: "foehn-icon-check", usesInheritance: true, ngImport: i0, template: "<fa-icon\n    aria-hidden=\"true\"\n    [title]=\"title ? title : defaultTitle\"\n    [icon]=\"iconName\"\n></fa-icon>\n<span class=\"sr-only\">{{ title ? title : defaultTitle }}</span>\n", dependencies: [{ kind: "component", type: i1$2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FoehnIconCheckComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'foehn-icon-check', template: "<fa-icon\n    aria-hidden=\"true\"\n    [title]=\"title ? title : defaultTitle\"\n    [icon]=\"iconName\"\n></fa-icon>\n<span class=\"sr-only\">{{ title ? title : defaultTitle }}</span>\n" }]
-        }] });
-
-class FoehnIconCheckSquareOComponent extends AbstractIconComponent {
-    constructor() {
-        super(...arguments);
-        this.iconName = faCheckSquare;
-        this.defaultTitle = 'Carré coché';
-    }
-}
-FoehnIconCheckSquareOComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FoehnIconCheckSquareOComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-FoehnIconCheckSquareOComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: FoehnIconCheckSquareOComponent, selector: "foehn-icon-check-square-o", usesInheritance: true, ngImport: i0, template: "<fa-icon\n    aria-hidden=\"true\"\n    [title]=\"title ? title : defaultTitle\"\n    [icon]=\"iconName\"\n></fa-icon>\n<span class=\"sr-only\">{{ title ? title : defaultTitle }}</span>\n", dependencies: [{ kind: "component", type: i1$2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FoehnIconCheckSquareOComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'foehn-icon-check-square-o', template: "<fa-icon\n    aria-hidden=\"true\"\n    [title]=\"title ? title : defaultTitle\"\n    [icon]=\"iconName\"\n></fa-icon>\n<span class=\"sr-only\">{{ title ? title : defaultTitle }}</span>\n" }]
-        }] });
-
-class FoehnIconChevronDownComponent extends AbstractIconComponent {
-    constructor() {
-        super(...arguments);
-        this.iconName = faChevronDown;
-        this.defaultTitle = 'Flèche vers le bas';
-    }
-}
-FoehnIconChevronDownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FoehnIconChevronDownComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-FoehnIconChevronDownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: FoehnIconChevronDownComponent, selector: "foehn-icon-chevron-down", usesInheritance: true, ngImport: i0, template: "<fa-icon\n    aria-hidden=\"true\"\n    [title]=\"title ? title : defaultTitle\"\n    [icon]=\"iconName\"\n></fa-icon>\n<span class=\"sr-only\">{{ title ? title : defaultTitle }}</span>\n", dependencies: [{ kind: "component", type: i1$2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FoehnIconChevronDownComponent, decorators: [{
+}
+FoehnIconCalendarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FoehnIconCalendarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+FoehnIconCalendarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: FoehnIconCalendarComponent, selector: "foehn-icon-calendar", usesInheritance: true, ngImport: i0, template: "<fa-icon\n    aria-hidden=\"true\"\n    [title]=\"title ? title : defaultTitle\"\n    [icon]=\"iconName\"\n></fa-icon>\n<span class=\"sr-only\">{{ title ? title : defaultTitle }}</span>\n", dependencies: [{ kind: "component", type: i1$2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FoehnIconCalendarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'foehn-icon-chevron-down', template: "<fa-icon\n    aria-hidden=\"true\"\n    [title]=\"title ? title : defaultTitle\"\n    [icon]=\"iconName\"\n></fa-icon>\n<span class=\"sr-only\">{{ title ? title : defaultTitle }}</span>\n" }]
+            args: [{ selector: 'foehn-icon-calendar', template: "<fa-icon\n    aria-hidden=\"true\"\n    [title]=\"title ? title : defaultTitle\"\n    [icon]=\"iconName\"\n></fa-icon>\n<span class=\"sr-only\">{{ title ? title : defaultTitle }}</span>\n" }]
         }] });
 
-class FoehnIconChevronLeftComponent extends AbstractIconComponent {
+class FoehnIconCheckComponent extends AbstractIconComponent {
     constructor() {
         super(...arguments);
-        this.iconName = faChevronLeft;
-        this.defaultTitle = 'Flèche vers la gauche';
+        this.iconName = faCheck;
+        this.defaultTitle = 'Check ok';
     }
 }
-FoehnIconChevronLeftComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FoehnIconChevronLeftComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-FoehnIconChevronLeftComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: FoehnIconChevronLeftComponent, selector: "foehn-icon-chevron-left", usesInheritance: true, ngImport: i0, template: "<fa-icon\n    aria-hidden=\"true\"\n    [title]=\"title ? title : defaultTitle\"\n    [icon]=\"iconName\"\n></fa-icon>\n<span class=\"sr-only\">{{ title ? title : defaultTitle }}</span>\n", dependencies: [{ kind: "component", type: i1$2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FoehnIconChevronLeftComponent, decorators: [{
+FoehnIconCheckComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FoehnIconCheckComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+FoehnIconCheckComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: FoehnIconCheckComponent, selector: "foehn-icon-check", usesInheritance: true, ngImport: i0, template: "<fa-icon\n    aria-hidden=\"true\"\n    [title]=\"title ? title : defaultTitle\"\n    [icon]=\"iconName\"\n></fa-icon>\n<span class=\"sr-only\">{{ title ? title : defaultTitle }}</span>\n", dependencies: [{ kind: "component", type: i1$2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FoehnIconCheckComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'foehn-icon-chevron-left', template: "<fa-icon\n    aria-hidden=\"true\"\n    [title]=\"title ? title : defaultTitle\"\n    [icon]=\"iconName\"\n></fa-icon>\n<span class=\"sr-only\">{{ title ? title : defaultTitle }}</span>\n" }]
+            args: [{ selector: 'foehn-icon-check', template: "<fa-icon\n    aria-hidden=\"true\"\n    [title]=\"title ? title : defaultTitle\"\n    [icon]=\"iconName\"\n></fa-icon>\n<span class=\"sr-only\">{{ title ? title : defaultTitle }}</span>\n" }]
         }] });
 
-class FoehnIconChevronRightComponent extends AbstractIconComponent {
+class FoehnIconCheckSquareOComponent extends AbstractIconComponent {
     constructor() {
         super(...arguments);
-        this.iconName = faChevronRight;
-        this.defaultTitle = 'Flèche vers la droite';
+        this.iconName = faCheckSquare;
+        this.defaultTitle = 'Carré coché';
     }
 }
-FoehnIconChevronRightComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FoehnIconChevronRightComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-FoehnIconChevronRightComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: FoehnIconChevronRightComponent, selector: "foehn-icon-chevron-right", usesInheritance: true, ngImport: i0, template: "<fa-icon\n    aria-hidden=\"true\"\n    [title]=\"title ? title : defaultTitle\"\n    [icon]=\"iconName\"\n></fa-icon>\n<span class=\"sr-only\">{{ title ? title : defaultTitle }}</span>\n", dependencies: [{ kind: "component", type: i1$2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FoehnIconChevronRightComponent, decorators: [{
+FoehnIconCheckSquareOComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FoehnIconCheckSquareOComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+FoehnIconCheckSquareOComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: FoehnIconCheckSquareOComponent, selector: "foehn-icon-check-square-o", usesInheritance: true, ngImport: i0, template: "<fa-icon\n    aria-hidden=\"true\"\n    [title]=\"title ? title : defaultTitle\"\n    [icon]=\"iconName\"\n></fa-icon>\n<span class=\"sr-only\">{{ title ? title : defaultTitle }}</span>\n", dependencies: [{ kind: "component", type: i1$2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FoehnIconCheckSquareOComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'foehn-icon-chevron-right', template: "<fa-icon\n    aria-hidden=\"true\"\n    [title]=\"title ? title : defaultTitle\"\n    [icon]=\"iconName\"\n></fa-icon>\n<span class=\"sr-only\">{{ title ? title : defaultTitle }}</span>\n" }]
+            args: [{ selector: 'foehn-icon-check-square-o', template: "<fa-icon\n    aria-hidden=\"true\"\n    [title]=\"title ? title : defaultTitle\"\n    [icon]=\"iconName\"\n></fa-icon>\n<span class=\"sr-only\">{{ title ? title : defaultTitle }}</span>\n" }]
         }] });
 
 class FoehnIconClockComponent extends AbstractIconComponent {
@@ -6397,7 +6693,8 @@ FoehnIconsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", versio
         FoehnIconExternalLinkAltComponent,
         FoehnIconClockComponent,
         FoehnIconCalendarComponent,
-        FoehnIconUserComponent], imports: [FontAwesomeModule], exports: [FoehnIconCheckSquareOComponent,
+        FoehnIconUserComponent,
+        FoehnIconPencilComponent], imports: [FontAwesomeModule], exports: [FoehnIconCheckSquareOComponent,
         FoehnIconCheckComponent,
         FoehnIconChevronDownComponent,
         FoehnIconInfoCircleComponent,
@@ -6420,7 +6717,8 @@ FoehnIconsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", versio
         FoehnIconExternalLinkAltComponent,
         FoehnIconClockComponent,
         FoehnIconCalendarComponent,
-        FoehnIconUserComponent] });
+        FoehnIconUserComponent,
+        FoehnIconPencilComponent] });
 FoehnIconsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FoehnIconsModule, imports: [FontAwesomeModule, FontAwesomeModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FoehnIconsModule, decorators: [{
             type: NgModule,
@@ -6449,7 +6747,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                         FoehnIconExternalLinkAltComponent,
                         FoehnIconClockComponent,
                         FoehnIconCalendarComponent,
-                        FoehnIconUserComponent
+                        FoehnIconUserComponent,
+                        FoehnIconPencilComponent
                     ],
                     exports: [
                         FoehnIconCheckSquareOComponent,
@@ -6475,7 +6774,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                         FoehnIconExternalLinkAltComponent,
                         FoehnIconClockComponent,
                         FoehnIconCalendarComponent,
-                        FoehnIconUserComponent
+                        FoehnIconUserComponent,
+                        FoehnIconPencilComponent
                     ]
                 }]
         }] });
@@ -7428,6 +7728,67 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                 }]
         }] });
 
+class FoehnTableModule {
+}
+FoehnTableModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FoehnTableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FoehnTableModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: FoehnTableModule, declarations: [FoehnTableComponent], imports: [CommonModule,
+        FoehnIconsModule,
+        SdkDictionaryModule,
+        RouterModule], exports: [FoehnTableComponent] });
+FoehnTableModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FoehnTableModule, imports: [CommonModule,
+        FoehnIconsModule,
+        SdkDictionaryModule,
+        RouterModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FoehnTableModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        FoehnIconsModule,
+                        SdkDictionaryModule,
+                        RouterModule
+                    ],
+                    declarations: [FoehnTableComponent],
+                    exports: [FoehnTableComponent]
+                }]
+        }] });
+
+class DraftsModule {
+}
+DraftsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DraftsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DraftsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: DraftsModule, declarations: [DraftsContainerComponent], imports: [CommonModule,
+        HttpClientModule,
+        FoehnIconsModule,
+        PipeModule,
+        FoehnTableModule,
+        FoehnModalModule,
+        SdkDictionaryModule,
+        RouterLink], exports: [DraftsContainerComponent] });
+DraftsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DraftsModule, imports: [CommonModule,
+        HttpClientModule,
+        FoehnIconsModule,
+        PipeModule,
+        FoehnTableModule,
+        FoehnModalModule,
+        SdkDictionaryModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DraftsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        HttpClientModule,
+                        FoehnIconsModule,
+                        PipeModule,
+                        FoehnTableModule,
+                        FoehnModalModule,
+                        SdkDictionaryModule,
+                        RouterLink
+                    ],
+                    declarations: [DraftsContainerComponent],
+                    exports: [DraftsContainerComponent]
+                }]
+        }] });
+
 class SupportAlertModule {
 }
 SupportAlertModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SupportAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
@@ -7473,6 +7834,7 @@ FoehnPageModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version:
 FoehnPageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: FoehnPageModule, declarations: [FoehnPageComponent,
         FoehnPageCounterComponent,
         FoehnPageModalComponent], imports: [CommonModule,
+        DraftsModule,
         FoehnBreadcrumbModule,
         FoehnGrowlModule,
         FoehnHeaderModule,
@@ -7487,6 +7849,7 @@ FoehnPageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version
         FoehnPageCounterComponent,
         FoehnPageModalComponent] });
 FoehnPageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FoehnPageModule, imports: [CommonModule,
+        DraftsModule,
         FoehnBreadcrumbModule,
         FoehnGrowlModule,
         FoehnHeaderModule,
@@ -7503,6 +7866,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
             args: [{
                     imports: [
                         CommonModule,
+                        DraftsModule,
                         FoehnBreadcrumbModule,
                         FoehnGrowlModule,
                         FoehnHeaderModule,
@@ -8547,6 +8911,7 @@ class FoehnInputNumberComponent extends FoehnInputStringComponent {
         this.hideStandardHelpText = false;
         this.maxDecimalCount = 2;
         this.allowFreeInput = false;
+        this.allowLeadingZero = false;
     }
     get model() {
         // If the setter is overridden, it's critical to override the getter too.
@@ -8678,7 +9043,9 @@ class FoehnInputNumberComponent extends FoehnInputStringComponent {
         const noCommaString = this.replaceCommaWithDot(value);
         const cleanDecimals = this.cleanDecimals(noCommaString);
         const cleanNonNumericCharacters = this.removeNonNumericCharacters(cleanDecimals);
-        const cleanNumber = this.removeLeadingZero(cleanNonNumericCharacters, this.allowDecimal);
+        const cleanNumber = !this.allowLeadingZero
+            ? this.removeLeadingZero(cleanNonNumericCharacters, this.allowDecimal)
+            : cleanNonNumericCharacters;
         if (cleanNumber && cleanNumber.length) {
             return cleanNumber.substring(0, this.getMaxLength());
         }
@@ -8805,7 +9172,7 @@ class FoehnInputNumberComponent extends FoehnInputStringComponent {
     }
 }
 FoehnInputNumberComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FoehnInputNumberComponent, deps: [{ token: CurrencyHelper }, { token: SdkDictionaryService }], target: i0.ɵɵFactoryTarget.Component });
-FoehnInputNumberComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: FoehnInputNumberComponent, selector: "foehn-input-number", inputs: { hideStandardHelpText: "hideStandardHelpText", allowDecimal: "allowDecimal", allowNegative: "allowNegative", maxDecimalCount: "maxDecimalCount", allowFreeInput: "allowFreeInput", model: "model" }, providers: [
+FoehnInputNumberComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: FoehnInputNumberComponent, selector: "foehn-input-number", inputs: { hideStandardHelpText: "hideStandardHelpText", allowDecimal: "allowDecimal", allowNegative: "allowNegative", maxDecimalCount: "maxDecimalCount", allowFreeInput: "allowFreeInput", allowLeadingZero: "allowLeadingZero", model: "model" }, providers: [
         {
             provide: FoehnInputComponent,
             useExisting: forwardRef(() => FoehnInputNumberComponent),
@@ -8831,6 +9198,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                 type: Input
             }], allowFreeInput: [{
                 type: Input
+            }], allowLeadingZero: [{
+                type: Input
             }], model: [{
                 type: Input
             }] } });
@@ -8921,7 +9290,7 @@ FoehnDateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ver
             useExisting: forwardRef(() => FoehnDateComponent),
             multi: true
         }
-    ], usesInheritance: true, ngImport: i0, template: "<div\n    class=\"form-group\"\n    [class.has-danger]=\"hasErrorsToDisplay()\"\n    [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n    [attr.id]=\"buildId('Container')\"\n    tabindex=\"-1\"\n>\n    <fieldset\n        class=\"mb-3\"\n        [attr.aria-describedby]=\"getDescribedBy()\"\n        [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n    >\n        <legend *ngIf=\"!!label\" [ngClass]=\"isLabelSrOnly ? 'sr-only' : 'vd-p'\">\n            <span [innerHTML]=\"label\"></span>\n            <span\n                *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n                aria-hidden=\"true\"\n            >\n                {{ 'foehn-input.optional' | fromDictionary }}\n            </span>\n        </legend>\n\n        <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n        <small\n            *ngIf=\"helpText\"\n            [attr.id]=\"buildId() + 'Help'\"\n            class=\"text-secondary\"\n            [innerHTML]=\"helpText\"\n        ></small>\n\n        <ng-content></ng-content>\n\n        <div class=\"vd-form-flex\">\n            <div\n                [ngClass]=\"{\n                    'vd-form-flex__item--3-char-width':\n                        displayClearButton() | async,\n                    'vd-form-flex__item--2-char-width': !(\n                        displayClearButton() | async\n                    )\n                }\"\n                class=\"vd-form-flex__item\"\n            >\n                <foehn-input-number\n                    [id]=\"buildId() + '_day'\"\n                    [name]=\"name + '_day'\"\n                    [label]=\"'foehn-input-date.day.label' | fromDictionary\"\n                    [(model)]=\"day\"\n                    (modelChange)=\"updateDate()\"\n                    [disabled]=\"disabled || disableDay\"\n                    [maxlength]=\"2\"\n                    [allowNegative]=\"false\"\n                    [max]=\"31\"\n                    [clearButton]=\"displayClearButton() | async\"\n                    [required]=\"required\"\n                    [hideNotRequiredExtraLabel]=\"true\"\n                    (userInput)=\"handleUserInput()\"\n                    [isErrorInherited]=\"hasErrorsToDisplay()\"\n                    [hideStandardHelpText]=\"true\"\n                    [isLabelSrOnly]=\"childrenLabelSrOnly\"\n                    #entryComponent\n                ></foehn-input-number>\n            </div>\n            <div\n                [ngClass]=\"{\n                    'vd-form-flex__item--3-char-width':\n                        displayClearButton() | async,\n                    'vd-form-flex__item--2-char-width': !(\n                        displayClearButton() | async\n                    )\n                }\"\n                class=\"vd-form-flex__item\"\n            >\n                <foehn-input-number\n                    [id]=\"buildId() + '_month'\"\n                    [name]=\"name + '_month'\"\n                    [label]=\"'foehn-input-date.month.label' | fromDictionary\"\n                    [(model)]=\"month\"\n                    (modelChange)=\"updateDate()\"\n                    [disabled]=\"disabled || disableMonth\"\n                    [maxlength]=\"2\"\n                    [clearButton]=\"displayClearButton() | async\"\n                    [allowNegative]=\"false\"\n                    [max]=\"12\"\n                    [required]=\"required\"\n                    [hideNotRequiredExtraLabel]=\"true\"\n                    (userInput)=\"handleUserInput()\"\n                    [isErrorInherited]=\"hasErrorsToDisplay()\"\n                    [hideStandardHelpText]=\"true\"\n                    [isLabelSrOnly]=\"childrenLabelSrOnly\"\n                ></foehn-input-number>\n            </div>\n            <div\n                class=\"vd-form-flex__item vd-form-flex__item--4-char-width\"\n                [class.mr-0]=\"shouldDisplayDatePicker()\"\n            >\n                <foehn-input-number\n                    [id]=\"buildId() + '_year'\"\n                    [name]=\"name + '_year'\"\n                    [label]=\"'foehn-input-date.year.label' | fromDictionary\"\n                    [(model)]=\"year\"\n                    (modelChange)=\"updateDate()\"\n                    [disabled]=\"disabled || disableYear\"\n                    [allowNegative]=\"false\"\n                    [maxlength]=\"4\"\n                    [clearButton]=\"displayClearButton() | async\"\n                    [required]=\"required\"\n                    [hideNotRequiredExtraLabel]=\"true\"\n                    (userInput)=\"handleUserInput()\"\n                    [isErrorInherited]=\"hasErrorsToDisplay()\"\n                    [hideStandardHelpText]=\"true\"\n                    [isLabelSrOnly]=\"childrenLabelSrOnly\"\n                ></foehn-input-number>\n            </div>\n            <foehn-date-picker-button\n                *ngIf=\"shouldDisplayDatePicker()\"\n                [id]=\"buildId() + '_datePickerButton'\"\n                [(model)]=\"datePickerModel\"\n                (modelChange)=\"updateDateFromDatePicker($event)\"\n                (userInput)=\"handleDatePickerUserInput($event)\"\n                [displaySelectedDate]=\"false\"\n                [minDate]=\"minDate\"\n                [maxDate]=\"maxDate\"\n                class=\"align-self-center\"\n            ></foehn-date-picker-button>\n        </div>\n    </fieldset>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }, { kind: "component", type: FoehnDatePickerButtonComponent, selector: "foehn-date-picker-button", inputs: ["id", "name", "minYear", "maxYear", "minDate", "maxDate", "displaySelectedDate", "selectedDateSrOnlyLabelKey", "model"], outputs: ["modelChange", "userInput"] }, { kind: "component", type: FoehnInputNumberComponent, selector: "foehn-input-number", inputs: ["hideStandardHelpText", "allowDecimal", "allowNegative", "maxDecimalCount", "allowFreeInput", "model"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: SdkDictionaryPipe, name: "fromDictionary" }] });
+    ], usesInheritance: true, ngImport: i0, template: "<div\n    class=\"form-group\"\n    [class.has-danger]=\"hasErrorsToDisplay()\"\n    [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n    [attr.id]=\"buildId('Container')\"\n    tabindex=\"-1\"\n>\n    <fieldset\n        class=\"mb-3\"\n        [attr.aria-describedby]=\"getDescribedBy()\"\n        [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n    >\n        <legend *ngIf=\"!!label\" [ngClass]=\"isLabelSrOnly ? 'sr-only' : 'vd-p'\">\n            <span [innerHTML]=\"label\"></span>\n            <span\n                *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n                aria-hidden=\"true\"\n            >\n                {{ 'foehn-input.optional' | fromDictionary }}\n            </span>\n        </legend>\n\n        <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n        <small\n            *ngIf=\"helpText\"\n            [attr.id]=\"buildId() + 'Help'\"\n            class=\"text-secondary\"\n            [innerHTML]=\"helpText\"\n        ></small>\n\n        <ng-content></ng-content>\n\n        <div class=\"vd-form-flex\">\n            <div\n                [ngClass]=\"{\n                    'vd-form-flex__item--3-char-width':\n                        displayClearButton() | async,\n                    'vd-form-flex__item--2-char-width': !(\n                        displayClearButton() | async\n                    )\n                }\"\n                class=\"vd-form-flex__item\"\n            >\n                <foehn-input-number\n                    [id]=\"buildId() + '_day'\"\n                    [name]=\"name + '_day'\"\n                    [label]=\"'foehn-input-date.day.label' | fromDictionary\"\n                    [(model)]=\"day\"\n                    (modelChange)=\"updateDate()\"\n                    [disabled]=\"disabled || disableDay\"\n                    [maxlength]=\"2\"\n                    [allowNegative]=\"false\"\n                    [max]=\"31\"\n                    [clearButton]=\"displayClearButton() | async\"\n                    [required]=\"required\"\n                    [hideNotRequiredExtraLabel]=\"true\"\n                    (userInput)=\"handleUserInput()\"\n                    [isErrorInherited]=\"hasErrorsToDisplay()\"\n                    [hideStandardHelpText]=\"true\"\n                    [isLabelSrOnly]=\"childrenLabelSrOnly\"\n                    #entryComponent\n                ></foehn-input-number>\n            </div>\n            <div\n                [ngClass]=\"{\n                    'vd-form-flex__item--3-char-width':\n                        displayClearButton() | async,\n                    'vd-form-flex__item--2-char-width': !(\n                        displayClearButton() | async\n                    )\n                }\"\n                class=\"vd-form-flex__item\"\n            >\n                <foehn-input-number\n                    [id]=\"buildId() + '_month'\"\n                    [name]=\"name + '_month'\"\n                    [label]=\"'foehn-input-date.month.label' | fromDictionary\"\n                    [(model)]=\"month\"\n                    (modelChange)=\"updateDate()\"\n                    [disabled]=\"disabled || disableMonth\"\n                    [maxlength]=\"2\"\n                    [clearButton]=\"displayClearButton() | async\"\n                    [allowNegative]=\"false\"\n                    [max]=\"12\"\n                    [required]=\"required\"\n                    [hideNotRequiredExtraLabel]=\"true\"\n                    (userInput)=\"handleUserInput()\"\n                    [isErrorInherited]=\"hasErrorsToDisplay()\"\n                    [hideStandardHelpText]=\"true\"\n                    [isLabelSrOnly]=\"childrenLabelSrOnly\"\n                ></foehn-input-number>\n            </div>\n            <div\n                class=\"vd-form-flex__item vd-form-flex__item--4-char-width\"\n                [class.mr-0]=\"shouldDisplayDatePicker()\"\n            >\n                <foehn-input-number\n                    [id]=\"buildId() + '_year'\"\n                    [name]=\"name + '_year'\"\n                    [label]=\"'foehn-input-date.year.label' | fromDictionary\"\n                    [(model)]=\"year\"\n                    (modelChange)=\"updateDate()\"\n                    [disabled]=\"disabled || disableYear\"\n                    [allowNegative]=\"false\"\n                    [maxlength]=\"4\"\n                    [clearButton]=\"displayClearButton() | async\"\n                    [required]=\"required\"\n                    [hideNotRequiredExtraLabel]=\"true\"\n                    (userInput)=\"handleUserInput()\"\n                    [isErrorInherited]=\"hasErrorsToDisplay()\"\n                    [hideStandardHelpText]=\"true\"\n                    [isLabelSrOnly]=\"childrenLabelSrOnly\"\n                ></foehn-input-number>\n            </div>\n            <foehn-date-picker-button\n                *ngIf=\"shouldDisplayDatePicker()\"\n                [id]=\"buildId() + '_datePickerButton'\"\n                [(model)]=\"datePickerModel\"\n                (modelChange)=\"updateDateFromDatePicker($event)\"\n                (userInput)=\"handleDatePickerUserInput($event)\"\n                [displaySelectedDate]=\"false\"\n                [minDate]=\"minDate\"\n                [maxDate]=\"maxDate\"\n                class=\"align-self-center\"\n            ></foehn-date-picker-button>\n        </div>\n    </fieldset>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }, { kind: "component", type: FoehnDatePickerButtonComponent, selector: "foehn-date-picker-button", inputs: ["id", "name", "minYear", "maxYear", "minDate", "maxDate", "displaySelectedDate", "selectedDateSrOnlyLabelKey", "model"], outputs: ["modelChange", "userInput"] }, { kind: "component", type: FoehnInputNumberComponent, selector: "foehn-input-number", inputs: ["hideStandardHelpText", "allowDecimal", "allowNegative", "maxDecimalCount", "allowFreeInput", "allowLeadingZero", "model"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: SdkDictionaryPipe, name: "fromDictionary" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FoehnDateComponent, decorators: [{
             type: Component,
             args: [{ selector: 'foehn-input-date', providers: [
@@ -8993,7 +9362,7 @@ FoehnTimeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ver
             useExisting: forwardRef(() => FoehnTimeComponent),
             multi: true
         }
-    ], usesInheritance: true, ngImport: i0, template: "<div\n    class=\"form-group\"\n    [class.has-danger]=\"hasErrorsToDisplay()\"\n    [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n    [attr.id]=\"buildId('Container')\"\n    tabindex=\"-1\"\n>\n    <fieldset\n        class=\"mb-3\"\n        [attr.aria-describedby]=\"getDescribedBy()\"\n        [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n    >\n        <legend *ngIf=\"!!label\" [ngClass]=\"isLabelSrOnly ? 'sr-only' : 'vd-p'\">\n            <span [innerHTML]=\"label\"></span>\n            <span\n                *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n                aria-hidden=\"true\"\n            >\n                {{ 'foehn-input.optional' | fromDictionary }}\n            </span>\n        </legend>\n\n        <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n        <small\n            *ngIf=\"helpText\"\n            [attr.id]=\"buildId() + 'Help'\"\n            class=\"text-secondary\"\n            [innerHTML]=\"helpText\"\n        ></small>\n\n        <ng-content></ng-content>\n\n        <div class=\"vd-form-flex\">\n            <div\n                [ngClass]=\"{\n                    'vd-form-flex__item--3-char-width':\n                        displayClearButton() | async,\n                    'vd-form-flex__item--2-char-width': !(\n                        displayClearButton() | async\n                    )\n                }\"\n                class=\"vd-form-flex__item\"\n            >\n                <foehn-input-number\n                    [id]=\"buildId() + '_hours'\"\n                    [name]=\"name + '_hours'\"\n                    [label]=\"'foehn-input-time.hours.label' | fromDictionary\"\n                    [maxlength]=\"2\"\n                    [max]=\"24\"\n                    [(model)]=\"hour\"\n                    (focusout)=\"updateTime()\"\n                    [required]=\"required\"\n                    [hideNotRequiredExtraLabel]=\"true\"\n                    (userInput)=\"handleUserInput()\"\n                    [isErrorInherited]=\"hasErrorsToDisplay()\"\n                    [disabled]=\"disabled\"\n                    [hideStandardHelpText]=\"true\"\n                    [isLabelSrOnly]=\"childrenLabelSrOnly\"\n                    #entryComponent\n                ></foehn-input-number>\n            </div>\n            <div\n                [ngClass]=\"{\n                    'vd-form-flex__item--3-char-width':\n                        displayClearButton() | async,\n                    'vd-form-flex__item--2-char-width': !(\n                        displayClearButton() | async\n                    )\n                }\"\n                class=\"vd-form-flex__item\"\n            >\n                <foehn-input-number\n                    [id]=\"buildId() + '_minutes'\"\n                    [name]=\"name + '_minutes'\"\n                    [label]=\"'foehn-input-time.minutes.label' | fromDictionary\"\n                    [maxlength]=\"2\"\n                    [max]=\"59\"\n                    [(model)]=\"minute\"\n                    (focusout)=\"updateTime()\"\n                    [required]=\"required\"\n                    [hideNotRequiredExtraLabel]=\"true\"\n                    (userInput)=\"handleUserInput()\"\n                    [isErrorInherited]=\"hasErrorsToDisplay()\"\n                    [disabled]=\"disabled\"\n                    [hideStandardHelpText]=\"true\"\n                    [isLabelSrOnly]=\"childrenLabelSrOnly\"\n                ></foehn-input-number>\n            </div>\n        </div>\n    </fieldset>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }, { kind: "component", type: FoehnInputNumberComponent, selector: "foehn-input-number", inputs: ["hideStandardHelpText", "allowDecimal", "allowNegative", "maxDecimalCount", "allowFreeInput", "model"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: SdkDictionaryPipe, name: "fromDictionary" }] });
+    ], usesInheritance: true, ngImport: i0, template: "<div\n    class=\"form-group\"\n    [class.has-danger]=\"hasErrorsToDisplay()\"\n    [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n    [attr.id]=\"buildId('Container')\"\n    tabindex=\"-1\"\n>\n    <fieldset\n        class=\"mb-3\"\n        [attr.aria-describedby]=\"getDescribedBy()\"\n        [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n    >\n        <legend *ngIf=\"!!label\" [ngClass]=\"isLabelSrOnly ? 'sr-only' : 'vd-p'\">\n            <span [innerHTML]=\"label\"></span>\n            <span\n                *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n                aria-hidden=\"true\"\n            >\n                {{ 'foehn-input.optional' | fromDictionary }}\n            </span>\n        </legend>\n\n        <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n        <small\n            *ngIf=\"helpText\"\n            [attr.id]=\"buildId() + 'Help'\"\n            class=\"text-secondary\"\n            [innerHTML]=\"helpText\"\n        ></small>\n\n        <ng-content></ng-content>\n\n        <div class=\"vd-form-flex\">\n            <div\n                [ngClass]=\"{\n                    'vd-form-flex__item--3-char-width':\n                        displayClearButton() | async,\n                    'vd-form-flex__item--2-char-width': !(\n                        displayClearButton() | async\n                    )\n                }\"\n                class=\"vd-form-flex__item\"\n            >\n                <foehn-input-number\n                    [id]=\"buildId() + '_hours'\"\n                    [name]=\"name + '_hours'\"\n                    [label]=\"'foehn-input-time.hours.label' | fromDictionary\"\n                    [maxlength]=\"2\"\n                    [max]=\"24\"\n                    [(model)]=\"hour\"\n                    (focusout)=\"updateTime()\"\n                    [required]=\"required\"\n                    [hideNotRequiredExtraLabel]=\"true\"\n                    (userInput)=\"handleUserInput()\"\n                    [isErrorInherited]=\"hasErrorsToDisplay()\"\n                    [disabled]=\"disabled\"\n                    [hideStandardHelpText]=\"true\"\n                    [isLabelSrOnly]=\"childrenLabelSrOnly\"\n                    #entryComponent\n                ></foehn-input-number>\n            </div>\n            <div\n                [ngClass]=\"{\n                    'vd-form-flex__item--3-char-width':\n                        displayClearButton() | async,\n                    'vd-form-flex__item--2-char-width': !(\n                        displayClearButton() | async\n                    )\n                }\"\n                class=\"vd-form-flex__item\"\n            >\n                <foehn-input-number\n                    [id]=\"buildId() + '_minutes'\"\n                    [name]=\"name + '_minutes'\"\n                    [label]=\"'foehn-input-time.minutes.label' | fromDictionary\"\n                    [maxlength]=\"2\"\n                    [max]=\"59\"\n                    [(model)]=\"minute\"\n                    (focusout)=\"updateTime()\"\n                    [required]=\"required\"\n                    [hideNotRequiredExtraLabel]=\"true\"\n                    (userInput)=\"handleUserInput()\"\n                    [isErrorInherited]=\"hasErrorsToDisplay()\"\n                    [disabled]=\"disabled\"\n                    [hideStandardHelpText]=\"true\"\n                    [isLabelSrOnly]=\"childrenLabelSrOnly\"\n                ></foehn-input-number>\n            </div>\n        </div>\n    </fieldset>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }, { kind: "component", type: FoehnInputNumberComponent, selector: "foehn-input-number", inputs: ["hideStandardHelpText", "allowDecimal", "allowNegative", "maxDecimalCount", "allowFreeInput", "allowLeadingZero", "model"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: SdkDictionaryPipe, name: "fromDictionary" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FoehnTimeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'foehn-input-time', providers: [
@@ -9741,7 +10110,7 @@ const SWISS_ISO_ID = 'CH';
 class StreetNumber {
 }
 const isDefined = (value) => value === true || value === false;
-const hasInputChanged$2 = (change) => change && !ObjectHelper.isEqual(change.previousValue, change.currentValue);
+const hasInputChanged$1 = (change) => change && !ObjectHelper.isEqual(change.previousValue, change.currentValue);
 class FoehnInputAddressComponent extends FoehnInputComponent {
     constructor(httpClient, ngZone, dictionaryService) {
         super();
@@ -9821,14 +10190,14 @@ class FoehnInputAddressComponent extends FoehnInputComponent {
     ngOnChanges(changes) {
         const modelChange = changes.model;
         const isOnlySwiss = changes.isOnlySwiss;
-        if (hasInputChanged$2(modelChange)) {
+        if (hasInputChanged$1(modelChange)) {
             // When model changes, we ensure to not send "undefined" anymore
             const country = !!modelChange.currentValue
                 ? modelChange.currentValue.country
                 : null;
             this.countryModelChangeSubject.next(country);
         }
-        if (hasInputChanged$2(isOnlySwiss)) {
+        if (hasInputChanged$1(isOnlySwiss)) {
             this.isOnlySwissChangeSubject.next(isOnlySwiss.currentValue);
         }
     }
@@ -10618,7 +10987,7 @@ FoehnInputNav13Component.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0
             useExisting: forwardRef(() => FoehnInputNav13Component),
             multi: true
         }
-    ], usesInheritance: true, ngImport: i0, template: "<div\n    class=\"form-group\"\n    [class.has-danger]=\"hasErrorsToDisplay()\"\n    [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n    [attr.id]=\"buildId('Container')\"\n    tabindex=\"-1\"\n>\n    <fieldset\n        class=\"mb-3\"\n        [attr.aria-describedby]=\"getDescribedBy()\"\n        [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n    >\n        <legend\n            [attr.for]=\"buildChildId()\"\n            [ngClass]=\"isLabelSrOnly ? 'sr-only' : 'vd-p'\"\n        >\n            <span [innerHTML]=\"label\"></span>\n            <span\n                *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n                aria-hidden=\"true\"\n            >\n                {{ 'foehn-input.optional' | fromDictionary }}\n            </span>\n        </legend>\n\n        <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n        <small\n            *ngIf=\"helpText\"\n            [attr.id]=\"buildId() + 'Help'\"\n            class=\"form-text text-secondary\"\n            [innerHTML]=\"helpText\"\n        ></small>\n\n        <ng-content></ng-content>\n\n        <div class=\"vd-form-flex\">\n            <div\n                [ngClass]=\"{\n                    'vd-form-flex__item--4-char-width':\n                        displayClearButton() | async,\n                    'vd-form-flex__item--3-char-width': !(\n                        displayClearButton() | async\n                    )\n                }\"\n                class=\"vd-form-flex__item\"\n            >\n                <div class=\"form-group\">\n                    <label\n                        [attr.for]=\"buildId() + '_part1Child'\"\n                        class=\"sr-only\"\n                    >\n                        Code du pays\n                    </label>\n                    <small\n                        [id]=\"buildId() + '_part1ChildHelp'\"\n                        class=\"form-text text-secondary\"\n                    >\n                        <span class=\"sr-only\">\n                            Etant obligatoirement un num\u00E9ro AVS suisse, ce\n                            champs est pr\u00E9rempli\n                        </span>\n                    </small>\n\n                    <foehn-input-number\n                        [name]=\"name + '_part1'\"\n                        [id]=\"buildId() + '_part1'\"\n                        [model]=\"PREFIX_NAVS\"\n                        [maxlength]=\"3\"\n                        [autocomplete]=\"'off'\"\n                        [clearButton]=\"displayClearButton() | async\"\n                        [disabled]=\"true\"\n                        [hideStandardHelpText]=\"true\"\n                    ></foehn-input-number>\n                </div>\n            </div>\n\n            <div class=\"vd-form-flex__item vd-form-flex__item--4-char-width\">\n                <div class=\"form-group\">\n                    <label\n                        [attr.for]=\"buildId() + '_part2Child'\"\n                        class=\"sr-only\"\n                    >\n                        Premiers chiffres al\u00E9atoires et anonymes\n                    </label>\n                    <small\n                        [id]=\"buildId() + '_part2ChildHelp'\"\n                        class=\"form-text text-secondary\"\n                    >\n                        <span class=\"sr-only\">\n                            Saisir quatres chiffres :\n                            <abbr title=\"Exemple\">Ex.</abbr>\n                            : 1234\n                        </span>\n                    </small>\n\n                    <foehn-input-number\n                        [name]=\"name + '_part2'\"\n                        [id]=\"buildId() + '_part2'\"\n                        [(model)]=\"part2\"\n                        (modelChange)=\"updateNavs()\"\n                        [maxlength]=\"4\"\n                        [autocomplete]=\"'off'\"\n                        [clearButton]=\"displayClearButton() | async\"\n                        (userInput)=\"handleUserInput()\"\n                        [isErrorInherited]=\"hasErrorsToDisplay()\"\n                        [disabled]=\"disabled\"\n                        (paste)=\"onPaste($event)\"\n                        [hideStandardHelpText]=\"true\"\n                    ></foehn-input-number>\n                </div>\n            </div>\n\n            <div class=\"vd-form-flex__item vd-form-flex__item--4-char-width\">\n                <div class=\"form-group\">\n                    <label\n                        [attr.for]=\"buildId() + '_part3Child'\"\n                        class=\"sr-only\"\n                    >\n                        Deuxi\u00E8mes chiffres al\u00E9atoires et anonymes\n                    </label>\n                    <small\n                        [id]=\"buildId() + '_part3ChildHelp'\"\n                        class=\"form-text text-secondary\"\n                    >\n                        <span class=\"sr-only\">\n                            Saisir quatres chiffres :\n                            <abbr title=\"Exemple\">Ex.</abbr>\n                            : 5678\n                        </span>\n                    </small>\n\n                    <foehn-input-number\n                        [name]=\"name + '_part3'\"\n                        [id]=\"buildId() + '_part3'\"\n                        [(model)]=\"part3\"\n                        (modelChange)=\"updateNavs()\"\n                        [maxlength]=\"4\"\n                        [autocomplete]=\"'off'\"\n                        [clearButton]=\"displayClearButton() | async\"\n                        (userInput)=\"handleUserInput()\"\n                        [isErrorInherited]=\"hasErrorsToDisplay()\"\n                        [disabled]=\"disabled\"\n                        [hideStandardHelpText]=\"true\"\n                    ></foehn-input-number>\n                </div>\n            </div>\n\n            <div\n                [ngClass]=\"{\n                    'vd-form-flex__item--3-char-width':\n                        displayClearButton() | async,\n                    'vd-form-flex__item--2-char-width': !(\n                        displayClearButton() | async\n                    )\n                }\"\n                class=\"vd-form-flex__item vd-form-flex__item--3-char-width\"\n            >\n                <div class=\"form-group\">\n                    <label\n                        [attr.for]=\"buildId() + '_part4Child'\"\n                        class=\"sr-only\"\n                    >\n                        Chiffre al\u00E9atoire et anonyme et num\u00E9ro de contr\u00F4le\n                    </label>\n                    <small\n                        [id]=\"buildId() + '_part4ChildHelp'\"\n                        class=\"form-text text-secondary\"\n                    >\n                        <span class=\"sr-only\">\n                            Saisir deux chiffres :\n                            <abbr title=\"Exemple\">Ex.</abbr>\n                            : 97\n                        </span>\n                    </small>\n\n                    <foehn-input-number\n                        [name]=\"name + '_part4'\"\n                        [id]=\"buildId() + '_part4'\"\n                        [(model)]=\"part4\"\n                        (modelChange)=\"updateNavs()\"\n                        [maxlength]=\"2\"\n                        [autocomplete]=\"'off'\"\n                        [clearButton]=\"displayClearButton() | async\"\n                        (userInput)=\"handleUserInput()\"\n                        [isErrorInherited]=\"hasErrorsToDisplay()\"\n                        [disabled]=\"disabled\"\n                        [hideStandardHelpText]=\"true\"\n                    ></foehn-input-number>\n                </div>\n            </div>\n        </div>\n    </fieldset>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }, { kind: "component", type: FoehnInputNumberComponent, selector: "foehn-input-number", inputs: ["hideStandardHelpText", "allowDecimal", "allowNegative", "maxDecimalCount", "allowFreeInput", "model"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: SdkDictionaryPipe, name: "fromDictionary" }] });
+    ], usesInheritance: true, ngImport: i0, template: "<div\n    class=\"form-group\"\n    [class.has-danger]=\"hasErrorsToDisplay()\"\n    [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n    [attr.id]=\"buildId('Container')\"\n    tabindex=\"-1\"\n>\n    <fieldset\n        class=\"mb-3\"\n        [attr.aria-describedby]=\"getDescribedBy()\"\n        [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n    >\n        <legend\n            [attr.for]=\"buildChildId()\"\n            [ngClass]=\"isLabelSrOnly ? 'sr-only' : 'vd-p'\"\n        >\n            <span [innerHTML]=\"label\"></span>\n            <span\n                *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n                aria-hidden=\"true\"\n            >\n                {{ 'foehn-input.optional' | fromDictionary }}\n            </span>\n        </legend>\n\n        <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n        <small\n            *ngIf=\"helpText\"\n            [attr.id]=\"buildId() + 'Help'\"\n            class=\"form-text text-secondary\"\n            [innerHTML]=\"helpText\"\n        ></small>\n\n        <ng-content></ng-content>\n\n        <div class=\"vd-form-flex\">\n            <div\n                [ngClass]=\"{\n                    'vd-form-flex__item--4-char-width':\n                        displayClearButton() | async,\n                    'vd-form-flex__item--3-char-width': !(\n                        displayClearButton() | async\n                    )\n                }\"\n                class=\"vd-form-flex__item\"\n            >\n                <div class=\"form-group\">\n                    <label\n                        [attr.for]=\"buildId() + '_part1Child'\"\n                        class=\"sr-only\"\n                    >\n                        Code du pays\n                    </label>\n                    <small\n                        [id]=\"buildId() + '_part1ChildHelp'\"\n                        class=\"form-text text-secondary\"\n                    >\n                        <span class=\"sr-only\">\n                            Etant obligatoirement un num\u00E9ro AVS suisse, ce\n                            champs est pr\u00E9rempli\n                        </span>\n                    </small>\n\n                    <foehn-input-number\n                        [name]=\"name + '_part1'\"\n                        [id]=\"buildId() + '_part1'\"\n                        [model]=\"PREFIX_NAVS\"\n                        [maxlength]=\"3\"\n                        [autocomplete]=\"'off'\"\n                        [clearButton]=\"displayClearButton() | async\"\n                        [disabled]=\"true\"\n                        [hideStandardHelpText]=\"true\"\n                        [allowLeadingZero]=\"true\"\n                    ></foehn-input-number>\n                </div>\n            </div>\n\n            <div class=\"vd-form-flex__item vd-form-flex__item--4-char-width\">\n                <div class=\"form-group\">\n                    <label\n                        [attr.for]=\"buildId() + '_part2Child'\"\n                        class=\"sr-only\"\n                    >\n                        Premiers chiffres al\u00E9atoires et anonymes\n                    </label>\n                    <small\n                        [id]=\"buildId() + '_part2ChildHelp'\"\n                        class=\"form-text text-secondary\"\n                    >\n                        <span class=\"sr-only\">\n                            Saisir quatres chiffres :\n                            <abbr title=\"Exemple\">Ex.</abbr>\n                            : 1234\n                        </span>\n                    </small>\n\n                    <foehn-input-number\n                        [name]=\"name + '_part2'\"\n                        [id]=\"buildId() + '_part2'\"\n                        [(model)]=\"part2\"\n                        (modelChange)=\"updateNavs()\"\n                        [maxlength]=\"4\"\n                        [autocomplete]=\"'off'\"\n                        [clearButton]=\"displayClearButton() | async\"\n                        (userInput)=\"handleUserInput()\"\n                        [isErrorInherited]=\"hasErrorsToDisplay()\"\n                        [disabled]=\"disabled\"\n                        (paste)=\"onPaste($event)\"\n                        [hideStandardHelpText]=\"true\"\n                        [allowLeadingZero]=\"true\"\n                    ></foehn-input-number>\n                </div>\n            </div>\n\n            <div class=\"vd-form-flex__item vd-form-flex__item--4-char-width\">\n                <div class=\"form-group\">\n                    <label\n                        [attr.for]=\"buildId() + '_part3Child'\"\n                        class=\"sr-only\"\n                    >\n                        Deuxi\u00E8mes chiffres al\u00E9atoires et anonymes\n                    </label>\n                    <small\n                        [id]=\"buildId() + '_part3ChildHelp'\"\n                        class=\"form-text text-secondary\"\n                    >\n                        <span class=\"sr-only\">\n                            Saisir quatres chiffres :\n                            <abbr title=\"Exemple\">Ex.</abbr>\n                            : 5678\n                        </span>\n                    </small>\n\n                    <foehn-input-number\n                        [name]=\"name + '_part3'\"\n                        [id]=\"buildId() + '_part3'\"\n                        [(model)]=\"part3\"\n                        (modelChange)=\"updateNavs()\"\n                        [maxlength]=\"4\"\n                        [autocomplete]=\"'off'\"\n                        [clearButton]=\"displayClearButton() | async\"\n                        (userInput)=\"handleUserInput()\"\n                        [isErrorInherited]=\"hasErrorsToDisplay()\"\n                        [disabled]=\"disabled\"\n                        [hideStandardHelpText]=\"true\"\n                        [allowLeadingZero]=\"true\"\n                    ></foehn-input-number>\n                </div>\n            </div>\n\n            <div\n                [ngClass]=\"{\n                    'vd-form-flex__item--3-char-width':\n                        displayClearButton() | async,\n                    'vd-form-flex__item--2-char-width': !(\n                        displayClearButton() | async\n                    )\n                }\"\n                class=\"vd-form-flex__item vd-form-flex__item--3-char-width\"\n            >\n                <div class=\"form-group\">\n                    <label\n                        [attr.for]=\"buildId() + '_part4Child'\"\n                        class=\"sr-only\"\n                    >\n                        Chiffre al\u00E9atoire et anonyme et num\u00E9ro de contr\u00F4le\n                    </label>\n                    <small\n                        [id]=\"buildId() + '_part4ChildHelp'\"\n                        class=\"form-text text-secondary\"\n                    >\n                        <span class=\"sr-only\">\n                            Saisir deux chiffres :\n                            <abbr title=\"Exemple\">Ex.</abbr>\n                            : 97\n                        </span>\n                    </small>\n\n                    <foehn-input-number\n                        [name]=\"name + '_part4'\"\n                        [id]=\"buildId() + '_part4'\"\n                        [(model)]=\"part4\"\n                        (modelChange)=\"updateNavs()\"\n                        [maxlength]=\"2\"\n                        [autocomplete]=\"'off'\"\n                        [clearButton]=\"displayClearButton() | async\"\n                        (userInput)=\"handleUserInput()\"\n                        [isErrorInherited]=\"hasErrorsToDisplay()\"\n                        [disabled]=\"disabled\"\n                        [hideStandardHelpText]=\"true\"\n                        [allowLeadingZero]=\"true\"\n                    ></foehn-input-number>\n                </div>\n            </div>\n        </div>\n    </fieldset>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }, { kind: "component", type: FoehnInputNumberComponent, selector: "foehn-input-number", inputs: ["hideStandardHelpText", "allowDecimal", "allowNegative", "maxDecimalCount", "allowFreeInput", "allowLeadingZero", "model"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: SdkDictionaryPipe, name: "fromDictionary" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FoehnInputNav13Component, decorators: [{
             type: Component,
             args: [{ selector: 'foehn-input-nav13', providers: [
@@ -10627,7 +10996,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                             useExisting: forwardRef(() => FoehnInputNav13Component),
                             multi: true
                         }
-                    ], template: "<div\n    class=\"form-group\"\n    [class.has-danger]=\"hasErrorsToDisplay()\"\n    [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n    [attr.id]=\"buildId('Container')\"\n    tabindex=\"-1\"\n>\n    <fieldset\n        class=\"mb-3\"\n        [attr.aria-describedby]=\"getDescribedBy()\"\n        [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n    >\n        <legend\n            [attr.for]=\"buildChildId()\"\n            [ngClass]=\"isLabelSrOnly ? 'sr-only' : 'vd-p'\"\n        >\n            <span [innerHTML]=\"label\"></span>\n            <span\n                *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n                aria-hidden=\"true\"\n            >\n                {{ 'foehn-input.optional' | fromDictionary }}\n            </span>\n        </legend>\n\n        <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n        <small\n            *ngIf=\"helpText\"\n            [attr.id]=\"buildId() + 'Help'\"\n            class=\"form-text text-secondary\"\n            [innerHTML]=\"helpText\"\n        ></small>\n\n        <ng-content></ng-content>\n\n        <div class=\"vd-form-flex\">\n            <div\n                [ngClass]=\"{\n                    'vd-form-flex__item--4-char-width':\n                        displayClearButton() | async,\n                    'vd-form-flex__item--3-char-width': !(\n                        displayClearButton() | async\n                    )\n                }\"\n                class=\"vd-form-flex__item\"\n            >\n                <div class=\"form-group\">\n                    <label\n                        [attr.for]=\"buildId() + '_part1Child'\"\n                        class=\"sr-only\"\n                    >\n                        Code du pays\n                    </label>\n                    <small\n                        [id]=\"buildId() + '_part1ChildHelp'\"\n                        class=\"form-text text-secondary\"\n                    >\n                        <span class=\"sr-only\">\n                            Etant obligatoirement un num\u00E9ro AVS suisse, ce\n                            champs est pr\u00E9rempli\n                        </span>\n                    </small>\n\n                    <foehn-input-number\n                        [name]=\"name + '_part1'\"\n                        [id]=\"buildId() + '_part1'\"\n                        [model]=\"PREFIX_NAVS\"\n                        [maxlength]=\"3\"\n                        [autocomplete]=\"'off'\"\n                        [clearButton]=\"displayClearButton() | async\"\n                        [disabled]=\"true\"\n                        [hideStandardHelpText]=\"true\"\n                    ></foehn-input-number>\n                </div>\n            </div>\n\n            <div class=\"vd-form-flex__item vd-form-flex__item--4-char-width\">\n                <div class=\"form-group\">\n                    <label\n                        [attr.for]=\"buildId() + '_part2Child'\"\n                        class=\"sr-only\"\n                    >\n                        Premiers chiffres al\u00E9atoires et anonymes\n                    </label>\n                    <small\n                        [id]=\"buildId() + '_part2ChildHelp'\"\n                        class=\"form-text text-secondary\"\n                    >\n                        <span class=\"sr-only\">\n                            Saisir quatres chiffres :\n                            <abbr title=\"Exemple\">Ex.</abbr>\n                            : 1234\n                        </span>\n                    </small>\n\n                    <foehn-input-number\n                        [name]=\"name + '_part2'\"\n                        [id]=\"buildId() + '_part2'\"\n                        [(model)]=\"part2\"\n                        (modelChange)=\"updateNavs()\"\n                        [maxlength]=\"4\"\n                        [autocomplete]=\"'off'\"\n                        [clearButton]=\"displayClearButton() | async\"\n                        (userInput)=\"handleUserInput()\"\n                        [isErrorInherited]=\"hasErrorsToDisplay()\"\n                        [disabled]=\"disabled\"\n                        (paste)=\"onPaste($event)\"\n                        [hideStandardHelpText]=\"true\"\n                    ></foehn-input-number>\n                </div>\n            </div>\n\n            <div class=\"vd-form-flex__item vd-form-flex__item--4-char-width\">\n                <div class=\"form-group\">\n                    <label\n                        [attr.for]=\"buildId() + '_part3Child'\"\n                        class=\"sr-only\"\n                    >\n                        Deuxi\u00E8mes chiffres al\u00E9atoires et anonymes\n                    </label>\n                    <small\n                        [id]=\"buildId() + '_part3ChildHelp'\"\n                        class=\"form-text text-secondary\"\n                    >\n                        <span class=\"sr-only\">\n                            Saisir quatres chiffres :\n                            <abbr title=\"Exemple\">Ex.</abbr>\n                            : 5678\n                        </span>\n                    </small>\n\n                    <foehn-input-number\n                        [name]=\"name + '_part3'\"\n                        [id]=\"buildId() + '_part3'\"\n                        [(model)]=\"part3\"\n                        (modelChange)=\"updateNavs()\"\n                        [maxlength]=\"4\"\n                        [autocomplete]=\"'off'\"\n                        [clearButton]=\"displayClearButton() | async\"\n                        (userInput)=\"handleUserInput()\"\n                        [isErrorInherited]=\"hasErrorsToDisplay()\"\n                        [disabled]=\"disabled\"\n                        [hideStandardHelpText]=\"true\"\n                    ></foehn-input-number>\n                </div>\n            </div>\n\n            <div\n                [ngClass]=\"{\n                    'vd-form-flex__item--3-char-width':\n                        displayClearButton() | async,\n                    'vd-form-flex__item--2-char-width': !(\n                        displayClearButton() | async\n                    )\n                }\"\n                class=\"vd-form-flex__item vd-form-flex__item--3-char-width\"\n            >\n                <div class=\"form-group\">\n                    <label\n                        [attr.for]=\"buildId() + '_part4Child'\"\n                        class=\"sr-only\"\n                    >\n                        Chiffre al\u00E9atoire et anonyme et num\u00E9ro de contr\u00F4le\n                    </label>\n                    <small\n                        [id]=\"buildId() + '_part4ChildHelp'\"\n                        class=\"form-text text-secondary\"\n                    >\n                        <span class=\"sr-only\">\n                            Saisir deux chiffres :\n                            <abbr title=\"Exemple\">Ex.</abbr>\n                            : 97\n                        </span>\n                    </small>\n\n                    <foehn-input-number\n                        [name]=\"name + '_part4'\"\n                        [id]=\"buildId() + '_part4'\"\n                        [(model)]=\"part4\"\n                        (modelChange)=\"updateNavs()\"\n                        [maxlength]=\"2\"\n                        [autocomplete]=\"'off'\"\n                        [clearButton]=\"displayClearButton() | async\"\n                        (userInput)=\"handleUserInput()\"\n                        [isErrorInherited]=\"hasErrorsToDisplay()\"\n                        [disabled]=\"disabled\"\n                        [hideStandardHelpText]=\"true\"\n                    ></foehn-input-number>\n                </div>\n            </div>\n        </div>\n    </fieldset>\n</div>\n" }]
+                    ], template: "<div\n    class=\"form-group\"\n    [class.has-danger]=\"hasErrorsToDisplay()\"\n    [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n    [attr.id]=\"buildId('Container')\"\n    tabindex=\"-1\"\n>\n    <fieldset\n        class=\"mb-3\"\n        [attr.aria-describedby]=\"getDescribedBy()\"\n        [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n    >\n        <legend\n            [attr.for]=\"buildChildId()\"\n            [ngClass]=\"isLabelSrOnly ? 'sr-only' : 'vd-p'\"\n        >\n            <span [innerHTML]=\"label\"></span>\n            <span\n                *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n                aria-hidden=\"true\"\n            >\n                {{ 'foehn-input.optional' | fromDictionary }}\n            </span>\n        </legend>\n\n        <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n        <small\n            *ngIf=\"helpText\"\n            [attr.id]=\"buildId() + 'Help'\"\n            class=\"form-text text-secondary\"\n            [innerHTML]=\"helpText\"\n        ></small>\n\n        <ng-content></ng-content>\n\n        <div class=\"vd-form-flex\">\n            <div\n                [ngClass]=\"{\n                    'vd-form-flex__item--4-char-width':\n                        displayClearButton() | async,\n                    'vd-form-flex__item--3-char-width': !(\n                        displayClearButton() | async\n                    )\n                }\"\n                class=\"vd-form-flex__item\"\n            >\n                <div class=\"form-group\">\n                    <label\n                        [attr.for]=\"buildId() + '_part1Child'\"\n                        class=\"sr-only\"\n                    >\n                        Code du pays\n                    </label>\n                    <small\n                        [id]=\"buildId() + '_part1ChildHelp'\"\n                        class=\"form-text text-secondary\"\n                    >\n                        <span class=\"sr-only\">\n                            Etant obligatoirement un num\u00E9ro AVS suisse, ce\n                            champs est pr\u00E9rempli\n                        </span>\n                    </small>\n\n                    <foehn-input-number\n                        [name]=\"name + '_part1'\"\n                        [id]=\"buildId() + '_part1'\"\n                        [model]=\"PREFIX_NAVS\"\n                        [maxlength]=\"3\"\n                        [autocomplete]=\"'off'\"\n                        [clearButton]=\"displayClearButton() | async\"\n                        [disabled]=\"true\"\n                        [hideStandardHelpText]=\"true\"\n                        [allowLeadingZero]=\"true\"\n                    ></foehn-input-number>\n                </div>\n            </div>\n\n            <div class=\"vd-form-flex__item vd-form-flex__item--4-char-width\">\n                <div class=\"form-group\">\n                    <label\n                        [attr.for]=\"buildId() + '_part2Child'\"\n                        class=\"sr-only\"\n                    >\n                        Premiers chiffres al\u00E9atoires et anonymes\n                    </label>\n                    <small\n                        [id]=\"buildId() + '_part2ChildHelp'\"\n                        class=\"form-text text-secondary\"\n                    >\n                        <span class=\"sr-only\">\n                            Saisir quatres chiffres :\n                            <abbr title=\"Exemple\">Ex.</abbr>\n                            : 1234\n                        </span>\n                    </small>\n\n                    <foehn-input-number\n                        [name]=\"name + '_part2'\"\n                        [id]=\"buildId() + '_part2'\"\n                        [(model)]=\"part2\"\n                        (modelChange)=\"updateNavs()\"\n                        [maxlength]=\"4\"\n                        [autocomplete]=\"'off'\"\n                        [clearButton]=\"displayClearButton() | async\"\n                        (userInput)=\"handleUserInput()\"\n                        [isErrorInherited]=\"hasErrorsToDisplay()\"\n                        [disabled]=\"disabled\"\n                        (paste)=\"onPaste($event)\"\n                        [hideStandardHelpText]=\"true\"\n                        [allowLeadingZero]=\"true\"\n                    ></foehn-input-number>\n                </div>\n            </div>\n\n            <div class=\"vd-form-flex__item vd-form-flex__item--4-char-width\">\n                <div class=\"form-group\">\n                    <label\n                        [attr.for]=\"buildId() + '_part3Child'\"\n                        class=\"sr-only\"\n                    >\n                        Deuxi\u00E8mes chiffres al\u00E9atoires et anonymes\n                    </label>\n                    <small\n                        [id]=\"buildId() + '_part3ChildHelp'\"\n                        class=\"form-text text-secondary\"\n                    >\n                        <span class=\"sr-only\">\n                            Saisir quatres chiffres :\n                            <abbr title=\"Exemple\">Ex.</abbr>\n                            : 5678\n                        </span>\n                    </small>\n\n                    <foehn-input-number\n                        [name]=\"name + '_part3'\"\n                        [id]=\"buildId() + '_part3'\"\n                        [(model)]=\"part3\"\n                        (modelChange)=\"updateNavs()\"\n                        [maxlength]=\"4\"\n                        [autocomplete]=\"'off'\"\n                        [clearButton]=\"displayClearButton() | async\"\n                        (userInput)=\"handleUserInput()\"\n                        [isErrorInherited]=\"hasErrorsToDisplay()\"\n                        [disabled]=\"disabled\"\n                        [hideStandardHelpText]=\"true\"\n                        [allowLeadingZero]=\"true\"\n                    ></foehn-input-number>\n                </div>\n            </div>\n\n            <div\n                [ngClass]=\"{\n                    'vd-form-flex__item--3-char-width':\n                        displayClearButton() | async,\n                    'vd-form-flex__item--2-char-width': !(\n                        displayClearButton() | async\n                    )\n                }\"\n                class=\"vd-form-flex__item vd-form-flex__item--3-char-width\"\n            >\n                <div class=\"form-group\">\n                    <label\n                        [attr.for]=\"buildId() + '_part4Child'\"\n                        class=\"sr-only\"\n                    >\n                        Chiffre al\u00E9atoire et anonyme et num\u00E9ro de contr\u00F4le\n                    </label>\n                    <small\n                        [id]=\"buildId() + '_part4ChildHelp'\"\n                        class=\"form-text text-secondary\"\n                    >\n                        <span class=\"sr-only\">\n                            Saisir deux chiffres :\n                            <abbr title=\"Exemple\">Ex.</abbr>\n                            : 97\n                        </span>\n                    </small>\n\n                    <foehn-input-number\n                        [name]=\"name + '_part4'\"\n                        [id]=\"buildId() + '_part4'\"\n                        [(model)]=\"part4\"\n                        (modelChange)=\"updateNavs()\"\n                        [maxlength]=\"2\"\n                        [autocomplete]=\"'off'\"\n                        [clearButton]=\"displayClearButton() | async\"\n                        (userInput)=\"handleUserInput()\"\n                        [isErrorInherited]=\"hasErrorsToDisplay()\"\n                        [disabled]=\"disabled\"\n                        [hideStandardHelpText]=\"true\"\n                        [allowLeadingZero]=\"true\"\n                    ></foehn-input-number>\n                </div>\n            </div>\n        </div>\n    </fieldset>\n</div>\n" }]
         }] });
 
 class FoehnInputNav13Module {
@@ -11113,7 +11482,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                 }]
         }] });
 
-const hasInputChanged$1 = (change) => change && !ObjectHelper.isEqual(change.previousValue, change.currentValue);
+const hasInputChanged = (change) => change && !ObjectHelper.isEqual(change.previousValue, change.currentValue);
 class FoehnListComponent {
     constructor() {
         this.itemsPerPage = 10;
@@ -11134,9 +11503,9 @@ class FoehnListComponent {
         const itemsPerPageChange = changes.itemsPerPage;
         const listChange = changes.list;
         const fixedPageCountChange = changes.fixedPageCount;
-        if (!hasInputChanged$1(itemsPerPageChange) &&
-            !hasInputChanged$1(listChange) &&
-            !hasInputChanged$1(fixedPageCountChange)) {
+        if (!hasInputChanged(itemsPerPageChange) &&
+            !hasInputChanged(listChange) &&
+            !hasInputChanged(fixedPageCountChange)) {
             return;
         }
         this.buildFilteredList();
@@ -11252,170 +11621,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
 class PageChangeEvent {
 }
 
-const hasInputChanged = (change) => change && !ObjectHelper.isEqual(change.previousValue, change.currentValue);
-class FoehnTableComponent {
-    constructor() {
-        this.itemsPerPage = 10;
-        this.id = 'foehn-table';
-        this.previousLabel = 'Précédent';
-        this.nextLabel = 'Suivant';
-        this.pageChange = new EventEmitter();
-        this.sortChange = new EventEmitter();
-        this.currentPage = 1;
-        this.filteredList = [];
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        this.trackByFn = (index, item) => index;
-    }
-    set list(list) {
-        this._list = list;
-    }
-    ngOnChanges(changes) {
-        const itemsPerPageChange = changes.itemsPerPage;
-        const listChange = changes.list;
-        const fixedPageCountChange = changes.fixedPageCount;
-        const sortInputChange = changes.sort;
-        if (!hasInputChanged(itemsPerPageChange) &&
-            !hasInputChanged(listChange) &&
-            !hasInputChanged(fixedPageCountChange) &&
-            !hasInputChanged(sortInputChange)) {
-            return;
-        }
-        this.buildFilteredList();
-    }
-    previousPage() {
-        this.currentPage = this.currentPage - 1;
-        this.buildFilteredList();
-        this.pageChange.next({
-            previousPage: this.currentPage + 1,
-            currentPage: this.currentPage,
-            pageCount: this.pagesCount()
-        });
-    }
-    hasPreviousPage() {
-        return this.currentPage > 1;
-    }
-    nextPage() {
-        this.currentPage = this.currentPage + 1;
-        this.buildFilteredList();
-        this.pageChange.next({
-            previousPage: this.currentPage - 1,
-            currentPage: this.currentPage,
-            pageCount: this.pagesCount()
-        });
-    }
-    hasNextPage() {
-        return this.currentPage < this.pagesCount();
-    }
-    showPage(page, emitPageChangeEvent = false) {
-        if (this.currentPage === page) {
-            return;
-        }
-        const previousPage = this.currentPage;
-        this.currentPage = page;
-        this.buildFilteredList();
-        if (emitPageChangeEvent) {
-            this.pageChange.next({
-                previousPage,
-                currentPage: this.currentPage,
-                pageCount: this.pagesCount()
-            });
-        }
-    }
-    pagesCount() {
-        if (!!this.fixedPageCount) {
-            return this.fixedPageCount;
-        }
-        return this._list
-            ? Math.ceil(this._list.length / this.itemsPerPage)
-            : 0;
-    }
-    triggerSort(sortAttribute) {
-        let sortDirection = 'DESC';
-        if (this.sort.sortAttribute === sortAttribute) {
-            sortDirection = this.sort.sortDirection === 'DESC' ? 'ASC' : 'DESC';
-        }
-        this.sortChange.next({
-            sortDirection,
-            sortAttribute
-        });
-    }
-    buildFilteredList() {
-        if (!this._list) {
-            this.filteredList = [];
-            return;
-        }
-        if (!!this.fixedPageCount) {
-            this.filteredList = this._list;
-            return;
-        }
-        const currentPageExists = (this.currentPage - 1) * this.itemsPerPage <= this._list.length;
-        if (!currentPageExists) {
-            this.currentPage = 1;
-        }
-        const start = (this.currentPage - 1) * this.itemsPerPage;
-        this.filteredList = this._list.slice(start, start + this.itemsPerPage);
-    }
-}
-FoehnTableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FoehnTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FoehnTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: FoehnTableComponent, selector: "foehn-table", inputs: { itemsPerPage: "itemsPerPage", id: "id", previousLabel: "previousLabel", nextLabel: "nextLabel", totalElements: "totalElements", fixedPageCount: "fixedPageCount", columnsConfiguration: "columnsConfiguration", sort: "sort", list: "list", trackByFn: "trackByFn" }, outputs: { pageChange: "pageChange", sortChange: "sortChange" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"row\" [id]=\"id\">\n    <div class=\"col-12\">\n        <h4 *ngIf=\"!!totalElements && totalElements === 1\">\n            {{ 'foehn-table.totalElements.1' | fromDictionary }}\n        </h4>\n        <h4 *ngIf=\"!!totalElements && totalElements !== 1\">\n            {{\n                'foehn-table.totalElements'\n                    | fromDictionary: { total: totalElements.toString() }\n            }}\n        </h4>\n    </div>\n\n    <div class=\"col-12 table-responsive\">\n        <table class=\"table table-hover\">\n            <thead class=\"vd-bg-pattern-bars-gray\">\n                <tr>\n                    <th\n                        scope=\"col\"\n                        *ngFor=\"let col of columnsConfiguration\"\n                        [id]=\"col.id\"\n                    >\n                        <ng-container\n                            *ngIf=\"!filteredList.length || !col.sortAttribute\"\n                        >\n                            <span\n                                [innerHTML]=\"\n                                    col.columnLabelKey | fromDictionary\n                                \"\n                            ></span>\n                        </ng-container>\n\n                        <ng-container\n                            *ngIf=\"!!filteredList.length && !!col.sortAttribute\"\n                        >\n                            <a\n                                href=\"#\"\n                                class=\"vd-text-thin\"\n                                (click)=\"\n                                    $event.preventDefault();\n                                    triggerSort(col.sortAttribute)\n                                \"\n                                [title]=\"\n                                    'Trier par ' +\n                                    (col.columnLabelKey | fromDictionary)\n                                \"\n                            >\n                                <span\n                                    [innerHTML]=\"\n                                        col.columnLabelKey | fromDictionary\n                                    \"\n                                ></span>\n                                <ng-container\n                                    *ngIf=\"\n                                        sort.sortAttribute === col.sortAttribute\n                                    \"\n                                >\n                                    <span\n                                        class=\"ml-3\"\n                                        *ngIf=\"sort.sortDirection === 'ASC'\"\n                                    >\n                                        <foehn-icon-chevron-up></foehn-icon-chevron-up>\n                                    </span>\n                                    <span\n                                        class=\"ml-3\"\n                                        *ngIf=\"sort.sortDirection === 'DESC'\"\n                                    >\n                                        <foehn-icon-chevron-down></foehn-icon-chevron-down>\n                                    </span>\n                                </ng-container>\n                            </a>\n                        </ng-container>\n                    </th>\n                </tr>\n            </thead>\n            <tbody>\n                <tr\n                    *ngFor=\"\n                        let item of filteredList;\n                        let index = index;\n                        trackBy: trackByFn\n                    \"\n                >\n                    <td\n                        *ngFor=\"let col of columnsConfiguration\"\n                        [id]=\"col.id + '-' + index\"\n                    >\n                        <ng-container *ngIf=\"!!col.isImportant\">\n                            <span\n                                *ngIf=\"col.isImportant(item)\"\n                                class=\"cell-vertical-align-middle\"\n                            >\n                                <svg\n                                    xmlns=\"http://www.w3.org/2000/svg\"\n                                    width=\"30\"\n                                    height=\"30\"\n                                    style=\"color: var(--red)\"\n                                    fill=\"currentColor\"\n                                    class=\"bi bi-exclamation\"\n                                    viewBox=\"0 0 16 16\"\n                                >\n                                    <path\n                                        d=\"M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.553.553 0 0 1-1.1 0L7.1 4.995z\"\n                                    />\n                                </svg>\n                            </span>\n                        </ng-container>\n\n                        <ng-container *ngIf=\"!!col.iconGetter\">\n                            <span\n                                *ngIf=\"col.iconGetter(item) as iconDef\"\n                                class=\"cell-vertical-align-middle mr-2\"\n                            >\n                                <fa-icon\n                                    aria-hidden=\"true\"\n                                    [icon]=\"iconDef.icon\"\n                                    [title]=\"iconDef.label\"\n                                ></fa-icon>\n                                <span class=\"sr-only\">{{ iconDef.label }}</span>\n                            </span>\n                        </ng-container>\n\n                        <ng-container *ngIf=\"!!col.template\">\n                            <ng-template\n                                [ngTemplateOutlet]=\"col.template\"\n                                [ngTemplateOutletContext]=\"{\n                                    item: item,\n                                    index: index\n                                }\"\n                            ></ng-template>\n                        </ng-container>\n\n                        <ng-container *ngIf=\"!col.template\">\n                            <span\n                                [innerHTML]=\"col.valueGetter(item)\"\n                                class=\"cell-vertical-align-middle\"\n                            ></span>\n                        </ng-container>\n                    </td>\n                </tr>\n                <tr *ngIf=\"!!columnsConfiguration && !filteredList.length\">\n                    <td [colSpan]=\"columnsConfiguration.length\">\n                        <div class=\"w-100 text-center\">\n                            {{ 'foehn-table.totalElements.0' | fromDictionary }}\n                        </div>\n                    </td>\n                </tr>\n            </tbody>\n        </table>\n\n        <div class=\"row d-flex justify-content-between p-1\">\n            <div class=\"col-lg-3 col-md-3 col-sm-6 col-xs-6\">\n                <nav\n                    class=\"vd-pagination\"\n                    aria-label=\"Pagination\"\n                    *ngIf=\"hasPreviousPage()\"\n                >\n                    <ul class=\"vd-pagination__list\">\n                        <li\n                            class=\"vd-pagination__item vd-pagination__item--previous\"\n                        >\n                            <button\n                                class=\"btn-link vd-pagination__link btn-no-extra vd-pagination__link-reset\"\n                                (click)=\"previousPage()\"\n                            >\n                                <span class=\"vd-pagination__title\">\n                                    <foehn-icon-chevron-left></foehn-icon-chevron-left>\n                                    {{ previousLabel }}\n                                </span>\n                                <span class=\"sr-only\">:</span>\n                                <span class=\"vd-pagination__label\">\n                                    {{ currentPage - 1 }} sur {{ pagesCount() }}\n                                </span>\n                            </button>\n                        </li>\n                    </ul>\n                </nav>\n            </div>\n\n            <div class=\"col-lg-3 col-md-3 col-sm-6 col-xs-6\">\n                <nav\n                    class=\"vd-pagination\"\n                    aria-label=\"Pagination\"\n                    *ngIf=\"hasNextPage()\"\n                >\n                    <ul class=\"vd-pagination__list\">\n                        <li\n                            class=\"vd-pagination__item vd-pagination__item--next\"\n                        >\n                            <button\n                                class=\"btn-link vd-pagination__link btn-no-extra vd-pagination__link-reset\"\n                                (click)=\"nextPage()\"\n                            >\n                                <span class=\"vd-pagination__title\">\n                                    {{ nextLabel }}\n                                    <foehn-icon-chevron-right></foehn-icon-chevron-right>\n                                </span>\n                                <span class=\"sr-only\">:</span>\n                                <span class=\"vd-pagination__label\">\n                                    {{ currentPage + 1 }} sur {{ pagesCount() }}\n                                </span>\n                            </button>\n                        </li>\n                    </ul>\n                </nav>\n            </div>\n        </div>\n    </div>\n</div>\n", styles: [".btn-no-extra{padding:0;border:none;font-weight:400;text-decoration-line:none}.vd-pagination__link-reset{background:none;border:none;font-weight:inherit;text-decoration-line:none;text-align:inherit;cursor:pointer}.vd-pagination__link-reset:focus{background-color:var(--vd-focus)}.cell-vertical-align-middle{vertical-align:middle}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: FoehnIconChevronDownComponent, selector: "foehn-icon-chevron-down" }, { kind: "component", type: FoehnIconChevronUpComponent, selector: "foehn-icon-chevron-up" }, { kind: "component", type: i1$2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "component", type: FoehnIconChevronLeftComponent, selector: "foehn-icon-chevron-left" }, { kind: "component", type: FoehnIconChevronRightComponent, selector: "foehn-icon-chevron-right" }, { kind: "pipe", type: SdkDictionaryPipe, name: "fromDictionary" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FoehnTableComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'foehn-table', template: "<div class=\"row\" [id]=\"id\">\n    <div class=\"col-12\">\n        <h4 *ngIf=\"!!totalElements && totalElements === 1\">\n            {{ 'foehn-table.totalElements.1' | fromDictionary }}\n        </h4>\n        <h4 *ngIf=\"!!totalElements && totalElements !== 1\">\n            {{\n                'foehn-table.totalElements'\n                    | fromDictionary: { total: totalElements.toString() }\n            }}\n        </h4>\n    </div>\n\n    <div class=\"col-12 table-responsive\">\n        <table class=\"table table-hover\">\n            <thead class=\"vd-bg-pattern-bars-gray\">\n                <tr>\n                    <th\n                        scope=\"col\"\n                        *ngFor=\"let col of columnsConfiguration\"\n                        [id]=\"col.id\"\n                    >\n                        <ng-container\n                            *ngIf=\"!filteredList.length || !col.sortAttribute\"\n                        >\n                            <span\n                                [innerHTML]=\"\n                                    col.columnLabelKey | fromDictionary\n                                \"\n                            ></span>\n                        </ng-container>\n\n                        <ng-container\n                            *ngIf=\"!!filteredList.length && !!col.sortAttribute\"\n                        >\n                            <a\n                                href=\"#\"\n                                class=\"vd-text-thin\"\n                                (click)=\"\n                                    $event.preventDefault();\n                                    triggerSort(col.sortAttribute)\n                                \"\n                                [title]=\"\n                                    'Trier par ' +\n                                    (col.columnLabelKey | fromDictionary)\n                                \"\n                            >\n                                <span\n                                    [innerHTML]=\"\n                                        col.columnLabelKey | fromDictionary\n                                    \"\n                                ></span>\n                                <ng-container\n                                    *ngIf=\"\n                                        sort.sortAttribute === col.sortAttribute\n                                    \"\n                                >\n                                    <span\n                                        class=\"ml-3\"\n                                        *ngIf=\"sort.sortDirection === 'ASC'\"\n                                    >\n                                        <foehn-icon-chevron-up></foehn-icon-chevron-up>\n                                    </span>\n                                    <span\n                                        class=\"ml-3\"\n                                        *ngIf=\"sort.sortDirection === 'DESC'\"\n                                    >\n                                        <foehn-icon-chevron-down></foehn-icon-chevron-down>\n                                    </span>\n                                </ng-container>\n                            </a>\n                        </ng-container>\n                    </th>\n                </tr>\n            </thead>\n            <tbody>\n                <tr\n                    *ngFor=\"\n                        let item of filteredList;\n                        let index = index;\n                        trackBy: trackByFn\n                    \"\n                >\n                    <td\n                        *ngFor=\"let col of columnsConfiguration\"\n                        [id]=\"col.id + '-' + index\"\n                    >\n                        <ng-container *ngIf=\"!!col.isImportant\">\n                            <span\n                                *ngIf=\"col.isImportant(item)\"\n                                class=\"cell-vertical-align-middle\"\n                            >\n                                <svg\n                                    xmlns=\"http://www.w3.org/2000/svg\"\n                                    width=\"30\"\n                                    height=\"30\"\n                                    style=\"color: var(--red)\"\n                                    fill=\"currentColor\"\n                                    class=\"bi bi-exclamation\"\n                                    viewBox=\"0 0 16 16\"\n                                >\n                                    <path\n                                        d=\"M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.553.553 0 0 1-1.1 0L7.1 4.995z\"\n                                    />\n                                </svg>\n                            </span>\n                        </ng-container>\n\n                        <ng-container *ngIf=\"!!col.iconGetter\">\n                            <span\n                                *ngIf=\"col.iconGetter(item) as iconDef\"\n                                class=\"cell-vertical-align-middle mr-2\"\n                            >\n                                <fa-icon\n                                    aria-hidden=\"true\"\n                                    [icon]=\"iconDef.icon\"\n                                    [title]=\"iconDef.label\"\n                                ></fa-icon>\n                                <span class=\"sr-only\">{{ iconDef.label }}</span>\n                            </span>\n                        </ng-container>\n\n                        <ng-container *ngIf=\"!!col.template\">\n                            <ng-template\n                                [ngTemplateOutlet]=\"col.template\"\n                                [ngTemplateOutletContext]=\"{\n                                    item: item,\n                                    index: index\n                                }\"\n                            ></ng-template>\n                        </ng-container>\n\n                        <ng-container *ngIf=\"!col.template\">\n                            <span\n                                [innerHTML]=\"col.valueGetter(item)\"\n                                class=\"cell-vertical-align-middle\"\n                            ></span>\n                        </ng-container>\n                    </td>\n                </tr>\n                <tr *ngIf=\"!!columnsConfiguration && !filteredList.length\">\n                    <td [colSpan]=\"columnsConfiguration.length\">\n                        <div class=\"w-100 text-center\">\n                            {{ 'foehn-table.totalElements.0' | fromDictionary }}\n                        </div>\n                    </td>\n                </tr>\n            </tbody>\n        </table>\n\n        <div class=\"row d-flex justify-content-between p-1\">\n            <div class=\"col-lg-3 col-md-3 col-sm-6 col-xs-6\">\n                <nav\n                    class=\"vd-pagination\"\n                    aria-label=\"Pagination\"\n                    *ngIf=\"hasPreviousPage()\"\n                >\n                    <ul class=\"vd-pagination__list\">\n                        <li\n                            class=\"vd-pagination__item vd-pagination__item--previous\"\n                        >\n                            <button\n                                class=\"btn-link vd-pagination__link btn-no-extra vd-pagination__link-reset\"\n                                (click)=\"previousPage()\"\n                            >\n                                <span class=\"vd-pagination__title\">\n                                    <foehn-icon-chevron-left></foehn-icon-chevron-left>\n                                    {{ previousLabel }}\n                                </span>\n                                <span class=\"sr-only\">:</span>\n                                <span class=\"vd-pagination__label\">\n                                    {{ currentPage - 1 }} sur {{ pagesCount() }}\n                                </span>\n                            </button>\n                        </li>\n                    </ul>\n                </nav>\n            </div>\n\n            <div class=\"col-lg-3 col-md-3 col-sm-6 col-xs-6\">\n                <nav\n                    class=\"vd-pagination\"\n                    aria-label=\"Pagination\"\n                    *ngIf=\"hasNextPage()\"\n                >\n                    <ul class=\"vd-pagination__list\">\n                        <li\n                            class=\"vd-pagination__item vd-pagination__item--next\"\n                        >\n                            <button\n                                class=\"btn-link vd-pagination__link btn-no-extra vd-pagination__link-reset\"\n                                (click)=\"nextPage()\"\n                            >\n                                <span class=\"vd-pagination__title\">\n                                    {{ nextLabel }}\n                                    <foehn-icon-chevron-right></foehn-icon-chevron-right>\n                                </span>\n                                <span class=\"sr-only\">:</span>\n                                <span class=\"vd-pagination__label\">\n                                    {{ currentPage + 1 }} sur {{ pagesCount() }}\n                                </span>\n                            </button>\n                        </li>\n                    </ul>\n                </nav>\n            </div>\n        </div>\n    </div>\n</div>\n", styles: [".btn-no-extra{padding:0;border:none;font-weight:400;text-decoration-line:none}.vd-pagination__link-reset{background:none;border:none;font-weight:inherit;text-decoration-line:none;text-align:inherit;cursor:pointer}.vd-pagination__link-reset:focus{background-color:var(--vd-focus)}.cell-vertical-align-middle{vertical-align:middle}\n"] }]
-        }], propDecorators: { itemsPerPage: [{
-                type: Input
-            }], id: [{
-                type: Input
-            }], previousLabel: [{
-                type: Input
-            }], nextLabel: [{
-                type: Input
-            }], totalElements: [{
-                type: Input
-            }], fixedPageCount: [{
-                type: Input
-            }], 
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        columnsConfiguration: [{
-                type: Input
-            }], pageChange: [{
-                type: Output
-            }], sort: [{
-                type: Input
-            }], sortChange: [{
-                type: Output
-            }], list: [{
-                type: Input
-            }], 
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        trackByFn: [{
-                type: Input
-            }] } });
-
-class FoehnTableModule {
-}
-FoehnTableModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FoehnTableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-FoehnTableModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: FoehnTableModule, declarations: [FoehnTableComponent], imports: [CommonModule,
-        FoehnIconsModule,
-        SdkDictionaryModule,
-        RouterModule], exports: [FoehnTableComponent] });
-FoehnTableModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FoehnTableModule, imports: [CommonModule,
-        FoehnIconsModule,
-        SdkDictionaryModule,
-        RouterModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FoehnTableModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        CommonModule,
-                        FoehnIconsModule,
-                        SdkDictionaryModule,
-                        RouterModule
-                    ],
-                    declarations: [FoehnTableComponent],
-                    exports: [FoehnTableComponent]
-                }]
-        }] });
-
 class FoehnTableColumnConfiguration {
 }
 
@@ -14318,5 +14523,5 @@ class DropdownMenuItem {
  * Generated bundle index. Do not edit.
  */
 
-export { APP_INFO_API_URL, AbstractFoehnUploaderComponent, AbstractListDetailPageComponent, AbstractMenuPageComponent, AbstractPageComponent, AbstractPageFromMenuComponent, ActionStatut, Address, AddressTypeLight, ApplicationInfo, ApplicationInfoService, BAD_PARAMS_HELP_TEXT, BoDocumentError, BoDocumentsWithErrors, BoMultiUploadService, Breadcrumb, BreadcrumbEventService, BreadcrumbItem, CAPTCHA_ERROR_NAME, CURRENCY_REGEXP, Calendar, Canton, Captcha, ComponentError, Configuration, Country, CurrencyHelper, CurrentWeek, DECIMALS_SEPARATOR, DEFAULT_INTERNATIONAL_AND_NO_SWISS, DEFAULT_INTERNATIONAL_AND_NO_SWISS_MOBILE, DEFAULT_INTERNATIONAL_AND_NO_SWISS_PHONE, DEFAULT_INTERNATIONAL_HELP_TEXT, DEFAULT_PREFIX, DEFAULT_SWISS_HELP_TEXT, DEFAULT_SWISS_MOBILE_PHONE_HELP_TEXT, DEFAULT_SWISS_PHONE_HELP_TEXT, DICTIONARY_BASE_URL, DateHelper, DatePickerHelper, DatePickerNavigationHelper, DayMonth, DaySlots, DisplayCurrencyPipe, DisplayDatePipe, District, Document, DocumentError, DocumentReference, DocumentReferenceWithFile, DocumentsWithErrors, DropdownMenuGroup, DropdownMenuItem, EPaymentService, EtapeInfo, FORM_SUPPORT_CYBER_TITLE_FALLBACK, FocusedDay, FoehnAbbrComponent, FoehnAddressModule, FoehnAgendaComponent, FoehnAgendaModule, FoehnAgendaNavigationComponent, FoehnAgendaTimeslotPanelComponent, FoehnAutocompleteComponent, FoehnAutocompleteModule, FoehnBoMultiUploadComponent, FoehnBoMultiUploadModule, FoehnBooleanCheckboxComponent, FoehnBooleanModule, FoehnBooleanRadioComponent, FoehnBreadcrumbComponent, FoehnBreadcrumbModule, FoehnCheckableGroupComponent, FoehnCheckablesModule, FoehnCheckboxComponent, FoehnConfirmModalComponent, FoehnConfirmModalContent, FoehnConfirmModalModule, FoehnConfirmModalService, FoehnDateComponent, FoehnDatePickerButtonComponent, FoehnDatePickerButtonModule, FoehnDatePickerComponent, FoehnDatePickerModule, FoehnDateTimeComponent, FoehnDecisionElectroniqueComponent, FoehnDecisionElectroniqueModule, FoehnDisplayAddressComponent, FoehnDropdownMenuComponent, FoehnDropdownMenuModule, 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, FoehnIconUserComponent, FoehnIconsModule, FoehnInputAddressComponent, FoehnInputComponent, FoehnInputEmailComponent, FoehnInputForeignLocalityComponent, FoehnInputForeignStreetComponent, FoehnInputHiddenComponent, FoehnInputModule, FoehnInputNav13Component, FoehnInputNav13Module, FoehnInputNumberComponent, FoehnInputPasswordComponent, FoehnInputPhoneComponent, FoehnInputPrefixedTextComponent, 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, FoehnSimpleNavigationComponent, FoehnSkipLinkComponent, FoehnStatusProgressBarComponent, FoehnStatusProgressBarModule, FoehnTableColumnConfiguration, FoehnTableComponent, FoehnTableModule, FoehnTablePageChangeEvent, FoehnTimeComponent, FoehnUploadProgressBarComponent, FoehnUploadProgressBarModule, FoehnUserConnectedAsComponent, FoehnUserConnectedAsModule, FoehnValidationAlertSummaryComponent, FoehnValidationAlertSummaryModule, FoehnValidationAlertsComponent, FoehnValidationAlertsModule, FooterLink, FormMetadata, FormPostResponse, FormSelectOption, FormatIdePipe, FormatterModule, GESDEM_MAX_DATA_LENGTH, GesdemActionRecoveryLoginComponent, GesdemActionRecoveryModule, GesdemActionRecoveryRegistrationComponent, GesdemConfirmationComponent, GesdemConfirmationModule, GesdemErrorComponent, GesdemErrorModule, GesdemEventService, GesdemHandlerService, GesdemStatutUtils, GrowlBrokerService, GrowlMessage, GrowlType, HTTP_LOADER_FILTERED_URL, I18nForm, IbanFormatterDirective, IdeFormatterDirective, Locality, MonthYear, MultiUploadService, Municipality, NDCFormatterDirective, NavigationDirection, NumberCurrencyFormatterDirective, ObjectHelper, PORTAIL_BASE_URL_INT, PageChangeEvent, PaginationWeek, PendingFiles, PendingUploadService, PipeModule, PlaceOfOrigin, Portail, PostalLocality, Preferences, PrestationsNgCoreModule, RECAPTCHA_API_URL, RecaptchaService, RedirectComponent, RegisterNgModelService, SESSION_INFO_API_URL, SWISS_ISO_ID, SdkDictionaryModule, SdkDictionaryPipe, SdkDictionaryService, SdkEpaymentComponent, SdkEpaymentModule, SdkRecaptchaComponent, SdkRecaptchaModule, SdkRedirectModule, SdkStatisticsService, SelectedSlot, ServiceLocator, SessionInfo, SessionInfoData, SessionInfoWithApplicationService, Street, StreetNumber, THOUSANDS_SEPARATOR, TableSort, UploadProgress, UploadProgressService, UploaderHelper, ValidationHandlerService, formatDecimalCurrency, formatNonDecimalCurrency, formatNumberAsGiven, gesdemLoaderGuard, getSafeReference, replaceAll };
+export { APP_INFO_API_URL, AbstractFoehnUploaderComponent, AbstractListDetailPageComponent, AbstractMenuPageComponent, AbstractPageComponent, AbstractPageFromMenuComponent, ActionStatut, Address, AddressTypeLight, ApplicationInfo, ApplicationInfoService, BAD_PARAMS_HELP_TEXT, BoDocumentError, BoDocumentsWithErrors, BoMultiUploadService, Breadcrumb, BreadcrumbEventService, BreadcrumbItem, CAPTCHA_ERROR_NAME, CURRENCY_REGEXP, Calendar, Canton, Captcha, ComponentError, Configuration, Country, CurrencyHelper, CurrentWeek, DECIMALS_SEPARATOR, DEFAULT_INTERNATIONAL_AND_NO_SWISS, DEFAULT_INTERNATIONAL_AND_NO_SWISS_MOBILE, DEFAULT_INTERNATIONAL_AND_NO_SWISS_PHONE, DEFAULT_INTERNATIONAL_HELP_TEXT, DEFAULT_PREFIX, DEFAULT_SWISS_HELP_TEXT, DEFAULT_SWISS_MOBILE_PHONE_HELP_TEXT, DEFAULT_SWISS_PHONE_HELP_TEXT, DICTIONARY_BASE_URL, DateHelper, DatePickerHelper, DatePickerNavigationHelper, DayMonth, DaySlots, DisplayCurrencyPipe, DisplayDatePipe, District, Document, DocumentError, DocumentReference, DocumentReferenceWithFile, DocumentsWithErrors, DropdownMenuGroup, DropdownMenuItem, EPaymentService, EtapeInfo, FORM_SUPPORT_CYBER_TITLE_FALLBACK, FocusedDay, FoehnAbbrComponent, FoehnAddressModule, FoehnAgendaComponent, FoehnAgendaModule, FoehnAgendaNavigationComponent, FoehnAgendaTimeslotPanelComponent, FoehnAutocompleteComponent, FoehnAutocompleteModule, FoehnBoMultiUploadComponent, FoehnBoMultiUploadModule, FoehnBooleanCheckboxComponent, FoehnBooleanModule, FoehnBooleanRadioComponent, FoehnBreadcrumbComponent, FoehnBreadcrumbModule, FoehnCheckableGroupComponent, FoehnCheckablesModule, FoehnCheckboxComponent, FoehnConfirmModalComponent, FoehnConfirmModalContent, FoehnConfirmModalModule, FoehnConfirmModalService, FoehnDateComponent, FoehnDatePickerButtonComponent, FoehnDatePickerButtonModule, FoehnDatePickerComponent, FoehnDatePickerModule, FoehnDateTimeComponent, FoehnDecisionElectroniqueComponent, FoehnDecisionElectroniqueModule, FoehnDisplayAddressComponent, FoehnDropdownMenuComponent, FoehnDropdownMenuModule, FoehnErrorPillComponent, FoehnFormComponent, FoehnFormModule, FoehnHeaderComponent, FoehnHeaderModule, FoehnHelpModalComponent, FoehnHelpModalModule, FoehnIconCalendarComponent, FoehnIconCheckComponent, FoehnIconCheckSquareOComponent, FoehnIconChevronDownComponent, FoehnIconChevronLeftComponent, FoehnIconChevronRightComponent, FoehnIconChevronUpComponent, FoehnIconClockComponent, FoehnIconCommentDotsComponent, FoehnIconEditComponent, FoehnIconExternalLinkAltComponent, FoehnIconFilePdfComponent, FoehnIconInfoCircleComponent, FoehnIconLockComponent, FoehnIconMapMarkerComponent, FoehnIconMinusCircleComponent, FoehnIconPencilComponent, FoehnIconPlusCircleComponent, FoehnIconPlusSquareComponent, FoehnIconSearchComponent, FoehnIconTimesComponent, FoehnIconTrashAltComponent, FoehnIconUnlockAltComponent, FoehnIconUserComponent, FoehnIconsModule, FoehnInputAddressComponent, FoehnInputComponent, FoehnInputEmailComponent, FoehnInputForeignLocalityComponent, FoehnInputForeignStreetComponent, FoehnInputHiddenComponent, FoehnInputModule, FoehnInputNav13Component, FoehnInputNav13Module, FoehnInputNumberComponent, FoehnInputPasswordComponent, FoehnInputPhoneComponent, FoehnInputPrefixedTextComponent, 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, FoehnSimpleNavigationComponent, FoehnSkipLinkComponent, FoehnStatusProgressBarComponent, FoehnStatusProgressBarModule, FoehnTableColumnConfiguration, FoehnTableComponent, FoehnTableModule, FoehnTablePageChangeEvent, FoehnTimeComponent, FoehnUploadProgressBarComponent, FoehnUploadProgressBarModule, FoehnUserConnectedAsComponent, FoehnUserConnectedAsModule, FoehnValidationAlertSummaryComponent, FoehnValidationAlertSummaryModule, FoehnValidationAlertsComponent, FoehnValidationAlertsModule, FooterLink, FormMetadata, FormPostResponse, FormSelectOption, FormatIdePipe, FormatterModule, GESDEM_MAX_DATA_LENGTH, GesdemActionRecoveryLoginComponent, GesdemActionRecoveryModule, GesdemActionRecoveryRegistrationComponent, GesdemConfirmationComponent, GesdemConfirmationModule, GesdemErrorComponent, GesdemErrorModule, GesdemEventService, GesdemHandlerService, GesdemStatutUtils, GrowlBrokerService, GrowlMessage, GrowlType, HTTP_LOADER_FILTERED_URL, I18nForm, IbanFormatterDirective, IdeFormatterDirective, Locality, MonthYear, MultiUploadService, Municipality, NDCFormatterDirective, NavigationDirection, NumberCurrencyFormatterDirective, ObjectHelper, PORTAIL_BASE_URL_INT, PageChangeEvent, PaginationWeek, PendingFiles, PendingUploadService, PipeModule, PlaceOfOrigin, Portail, PostalLocality, Preferences, PrestationsNgCoreModule, RECAPTCHA_API_URL, RecaptchaService, RedirectComponent, RegisterNgModelService, SESSION_INFO_API_URL, SWISS_ISO_ID, SdkDictionaryModule, SdkDictionaryPipe, SdkDictionaryService, SdkEpaymentComponent, SdkEpaymentModule, SdkRecaptchaComponent, SdkRecaptchaModule, SdkRedirectModule, SdkStatisticsService, SelectedSlot, ServiceLocator, SessionInfo, SessionInfoData, SessionInfoWithApplicationService, Street, StreetNumber, THOUSANDS_SEPARATOR, TableSort, UploadProgress, UploadProgressService, UploaderHelper, ValidationHandlerService, formatDecimalCurrency, formatNonDecimalCurrency, formatNumberAsGiven, gesdemLoaderGuard, getSafeReference, replaceAll };
 //# sourceMappingURL=dsivd-prestations-ng.mjs.map