@dsivd/prestations-ng 16.0.0-beta2 → 16.0.0-beta4

package/esm2020/foehn-agenda/foehn-agenda-navigation/foehn-agenda-navigation.component.mjs

@@ -53,9 +53,9 @@ export class FoehnAgendaNavigationComponent {
         }
     }
 }
-FoehnAgendaNavigationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: FoehnAgendaNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FoehnAgendaNavigationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: FoehnAgendaNavigationComponent, selector: "foehn-agenda-navigation", inputs: { id: "id", calendar: "calendar", isSrOnly: "isSrOnly", minDate: "minDate", maxDate: "maxDate" }, outputs: { paginationChange: "paginationChange" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"row mb-3\" *ngIf=\"!!calendar\">\n    <div class=\"col-12\">\n        <nav\n            class=\"vd-pagination calendar-week-navigation\"\n            [attr.id]=\"id\"\n            [attr.aria-label]=\"\n                'foehn-agenda-navigation.nav.aria-label' | fromDictionary\n            \"\n        >\n            <ul class=\"vd-pagination__list\">\n                <li\n                    class=\"vd-pagination__item vd-pagination__item--previous col-4\"\n                    *ngIf=\"!!calendar.previousWeek\"\n                >\n                    <button\n                        [id]=\"id + 'ButtonPreviousWeek'\"\n                        class=\"btn-link vd-pagination__link vd-pagination__link-reset\"\n                        (click)=\"paginate(calendar.previousWeek)\"\n                        type=\"button\"\n                    >\n                        <span class=\"d-flex align-items-center\">\n                            <foehn-icon-chevron-left\n                                class=\"vd-pagination__title\"\n                                [title]=\"\n                                    'foehn-agenda-navigation.previous-week'\n                                        | fromDictionary\n                                \"\n                                aria-hidden=\"true\"\n                            ></foehn-icon-chevron-left>\n                            <span\n                                class=\"vd-pagination__title ml-2 d-xs-none d-sm-block\"\n                                aria-hidden=\"true\"\n                            >\n                                {{\n                                    'foehn-agenda-navigation.previous-week'\n                                        | fromDictionary\n                                }}\n                            </span>\n                            <span\n                                [id]=\"id + 'NavigationPreviousSrOnly'\"\n                                class=\"sr-only\"\n                            >\n                                {{\n                                    'foehn-agenda-navigation.previous-week-sr-only'\n                                        | fromDictionary\n                                            : {\n                                                  previousWeek:\n                                                      calendar.previousWeek\n                                                          .label\n                                              }\n                                }}\n                            </span>\n                        </span>\n                    </button>\n                </li>\n                <li\n                    class=\"vd-pagination__item vd-pagination__item--previous col-4\"\n                    *ngIf=\"!calendar.previousWeek && !isSrOnly\"\n                >\n                    <div\n                        [id]=\"id + 'NavigationPreviousDisabled'\"\n                        class=\"d-flex align-items-center link-week-disabled\"\n                    >\n                        <foehn-icon-chevron-left\n                            class=\"vd-pagination__title\"\n                            [title]=\"\n                                'foehn-agenda-navigation.previous-week'\n                                    | fromDictionary\n                            \"\n                        ></foehn-icon-chevron-left>\n                        <span\n                            class=\"vd-pagination__title ml-2 d-xs-none d-sm-block\"\n                        >\n                            {{\n                                'foehn-agenda-navigation.previous-week'\n                                    | fromDictionary\n                            }}\n                        </span>\n                    </div>\n                </li>\n\n                <li\n                    class=\"vd-pagination__item d-flex justify-content-center col-4\"\n                    *ngIf=\"!isSrOnly\"\n                >\n                    <foehn-date-picker-button\n                        [model]=\"currentDay\"\n                        [minDate]=\"minDate\"\n                        [maxDate]=\"maxDate\"\n                        [selectedDateSrOnlyLabelKey]=\"\n                            'foehn-agenda-navigation.date-picker-button.screen-reader.selected-date'\n                        \"\n                        (userInput)=\"datePickerUserInput($event)\"\n                    ></foehn-date-picker-button>\n                </li>\n\n                <li\n                    class=\"vd-pagination__item vd-pagination__item--next col-4 d-flex justify-content-end\"\n                    *ngIf=\"!!calendar.nextWeek\"\n                >\n                    <button\n                        [id]=\"id + 'ButtonNextWeek'\"\n                        class=\"btn-link vd-pagination__link vd-pagination__link-reset\"\n                        (click)=\"paginate(calendar.nextWeek)\"\n                        type=\"button\"\n                    >\n                        <span class=\"d-flex align-items-center\">\n                            <span\n                                aria-hidden=\"true\"\n                                class=\"vd-pagination__title d-xs-none d-sm-block\"\n                            >\n                                {{\n                                    'foehn-agenda-navigation.next-week'\n                                        | fromDictionary\n                                }}\n                            </span>\n                            <span\n                                [id]=\"id + 'NavigationNextSrOnly'\"\n                                class=\"sr-only\"\n                            >\n                                {{\n                                    'foehn-agenda-navigation.next-week-sr-only'\n                                        | fromDictionary\n                                            : {\n                                                  nextWeek:\n                                                      calendar.nextWeek.label\n                                              }\n                                }}\n                            </span>\n                            <foehn-icon-chevron-right\n                                class=\"vd-pagination__title ml-2\"\n                                [title]=\"\n                                    'foehn-agenda-navigation.next-week'\n                                        | fromDictionary\n                                \"\n                                aria-hidden=\"true\"\n                            ></foehn-icon-chevron-right>\n                        </span>\n                    </button>\n                </li>\n                <li\n                    class=\"vd-pagination__item vd-pagination__item--next col-4 d-flex justify-content-end\"\n                    *ngIf=\"!calendar.nextWeek && !isSrOnly\"\n                >\n                    <div\n                        [id]=\"id + 'NavigationNextDisabled'\"\n                        class=\"d-flex align-items-center link-week-disabled\"\n                    >\n                        <span class=\"vd-pagination__title d-xs-none d-sm-block\">\n                            {{\n                                'foehn-agenda-navigation.next-week'\n                                    | fromDictionary\n                            }}\n                        </span>\n                        <foehn-icon-chevron-right\n                            class=\"vd-pagination__title ml-2\"\n                            [title]=\"\n                                'foehn-agenda-navigation.next-week'\n                                    | fromDictionary\n                            \"\n                        ></foehn-icon-chevron-right>\n                    </div>\n                </li>\n            </ul>\n        </nav>\n    </div>\n</div>\n", styles: [".calendar-week-navigation{margin-bottom:0}.calendar-week-navigation li.vd-pagination__item{margin-top:0}.calendar-week-navigation span.vd-pagination__title{font-size:1em;line-height:1.2em;color:var(--gray-dark)}.calendar-week-navigation foehn-icon-chevron-right.vd-pagination__title,.calendar-week-navigation foehn-icon-chevron-left.vd-pagination__title{font-size:1.5em;color:var(--gray-dark)}.calendar-week-navigation .link-week-disabled .vd-pagination__title{color:var(--vd-neutral-light);cursor:not-allowed}.calendar-week-navigation .vd-pagination__link-reset{background:none;border:none;font-weight:inherit;text-decoration-line:none;text-align:inherit;cursor:pointer}.calendar-week-navigation .vd-pagination__link-reset:focus{background-color:var(--vd-focus)}nav ul{margin-bottom:0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.FoehnIconChevronLeftComponent, selector: "foehn-icon-chevron-left" }, { kind: "component", type: i3.FoehnIconChevronRightComponent, selector: "foehn-icon-chevron-right" }, { kind: "component", type: i4.FoehnDatePickerButtonComponent, selector: "foehn-date-picker-button", inputs: ["id", "name", "minYear", "maxYear", "minDate", "maxDate", "displaySelectedDate", "selectedDateSrOnlyLabelKey", "model"], outputs: ["modelChange", "userInput"] }, { kind: "pipe", type: i5.SdkDictionaryPipe, name: "fromDictionary" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: FoehnAgendaNavigationComponent, decorators: [{
+FoehnAgendaNavigationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: FoehnAgendaNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FoehnAgendaNavigationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: FoehnAgendaNavigationComponent, selector: "foehn-agenda-navigation", inputs: { id: "id", calendar: "calendar", isSrOnly: "isSrOnly", minDate: "minDate", maxDate: "maxDate" }, outputs: { paginationChange: "paginationChange" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"row mb-3\" *ngIf=\"!!calendar\">\n    <div class=\"col-12\">\n        <nav\n            class=\"vd-pagination calendar-week-navigation\"\n            [attr.id]=\"id\"\n            [attr.aria-label]=\"\n                'foehn-agenda-navigation.nav.aria-label' | fromDictionary\n            \"\n        >\n            <ul class=\"vd-pagination__list\">\n                <li\n                    class=\"vd-pagination__item vd-pagination__item--previous col-4\"\n                    *ngIf=\"!!calendar.previousWeek\"\n                >\n                    <button\n                        [id]=\"id + 'ButtonPreviousWeek'\"\n                        class=\"btn-link vd-pagination__link vd-pagination__link-reset\"\n                        (click)=\"paginate(calendar.previousWeek)\"\n                        type=\"button\"\n                    >\n                        <span class=\"d-flex align-items-center\">\n                            <foehn-icon-chevron-left\n                                class=\"vd-pagination__title\"\n                                [title]=\"\n                                    'foehn-agenda-navigation.previous-week'\n                                        | fromDictionary\n                                \"\n                                aria-hidden=\"true\"\n                            ></foehn-icon-chevron-left>\n                            <span\n                                class=\"vd-pagination__title ml-2 d-xs-none d-sm-block\"\n                                aria-hidden=\"true\"\n                            >\n                                {{\n                                    'foehn-agenda-navigation.previous-week'\n                                        | fromDictionary\n                                }}\n                            </span>\n                            <span\n                                [id]=\"id + 'NavigationPreviousSrOnly'\"\n                                class=\"sr-only\"\n                            >\n                                {{\n                                    'foehn-agenda-navigation.previous-week-sr-only'\n                                        | fromDictionary\n                                            : {\n                                                  previousWeek:\n                                                      calendar.previousWeek\n                                                          .label\n                                              }\n                                }}\n                            </span>\n                        </span>\n                    </button>\n                </li>\n                <li\n                    class=\"vd-pagination__item vd-pagination__item--previous col-4\"\n                    *ngIf=\"!calendar.previousWeek && !isSrOnly\"\n                >\n                    <div\n                        [id]=\"id + 'NavigationPreviousDisabled'\"\n                        class=\"d-flex align-items-center link-week-disabled\"\n                    >\n                        <foehn-icon-chevron-left\n                            class=\"vd-pagination__title\"\n                            [title]=\"\n                                'foehn-agenda-navigation.previous-week'\n                                    | fromDictionary\n                            \"\n                        ></foehn-icon-chevron-left>\n                        <span\n                            class=\"vd-pagination__title ml-2 d-xs-none d-sm-block\"\n                        >\n                            {{\n                                'foehn-agenda-navigation.previous-week'\n                                    | fromDictionary\n                            }}\n                        </span>\n                    </div>\n                </li>\n\n                <li\n                    class=\"vd-pagination__item d-flex justify-content-center col-4\"\n                    *ngIf=\"!isSrOnly\"\n                >\n                    <foehn-date-picker-button\n                        [model]=\"currentDay\"\n                        [minDate]=\"minDate\"\n                        [maxDate]=\"maxDate\"\n                        [selectedDateSrOnlyLabelKey]=\"\n                            'foehn-agenda-navigation.date-picker-button.screen-reader.selected-date'\n                        \"\n                        (userInput)=\"datePickerUserInput($event)\"\n                    ></foehn-date-picker-button>\n                </li>\n\n                <li\n                    class=\"vd-pagination__item vd-pagination__item--next col-4 d-flex justify-content-end\"\n                    *ngIf=\"!!calendar.nextWeek\"\n                >\n                    <button\n                        [id]=\"id + 'ButtonNextWeek'\"\n                        class=\"btn-link vd-pagination__link vd-pagination__link-reset\"\n                        (click)=\"paginate(calendar.nextWeek)\"\n                        type=\"button\"\n                    >\n                        <span class=\"d-flex align-items-center\">\n                            <span\n                                aria-hidden=\"true\"\n                                class=\"vd-pagination__title d-xs-none d-sm-block\"\n                            >\n                                {{\n                                    'foehn-agenda-navigation.next-week'\n                                        | fromDictionary\n                                }}\n                            </span>\n                            <span\n                                [id]=\"id + 'NavigationNextSrOnly'\"\n                                class=\"sr-only\"\n                            >\n                                {{\n                                    'foehn-agenda-navigation.next-week-sr-only'\n                                        | fromDictionary\n                                            : {\n                                                  nextWeek:\n                                                      calendar.nextWeek.label\n                                              }\n                                }}\n                            </span>\n                            <foehn-icon-chevron-right\n                                class=\"vd-pagination__title ml-2\"\n                                [title]=\"\n                                    'foehn-agenda-navigation.next-week'\n                                        | fromDictionary\n                                \"\n                                aria-hidden=\"true\"\n                            ></foehn-icon-chevron-right>\n                        </span>\n                    </button>\n                </li>\n                <li\n                    class=\"vd-pagination__item vd-pagination__item--next col-4 d-flex justify-content-end\"\n                    *ngIf=\"!calendar.nextWeek && !isSrOnly\"\n                >\n                    <div\n                        [id]=\"id + 'NavigationNextDisabled'\"\n                        class=\"d-flex align-items-center link-week-disabled\"\n                    >\n                        <span class=\"vd-pagination__title d-xs-none d-sm-block\">\n                            {{\n                                'foehn-agenda-navigation.next-week'\n                                    | fromDictionary\n                            }}\n                        </span>\n                        <foehn-icon-chevron-right\n                            class=\"vd-pagination__title ml-2\"\n                            [title]=\"\n                                'foehn-agenda-navigation.next-week'\n                                    | fromDictionary\n                            \"\n                        ></foehn-icon-chevron-right>\n                    </div>\n                </li>\n            </ul>\n        </nav>\n    </div>\n</div>\n", styles: [".calendar-week-navigation{margin-bottom:0}.calendar-week-navigation li.vd-pagination__item{margin-top:0}.calendar-week-navigation span.vd-pagination__title{font-size:1em;line-height:1.2em;color:var(--gray-dark)}.calendar-week-navigation foehn-icon-chevron-right.vd-pagination__title,.calendar-week-navigation foehn-icon-chevron-left.vd-pagination__title{font-size:1.5em;color:var(--gray-dark)}.calendar-week-navigation .link-week-disabled .vd-pagination__title{color:var(--vd-neutral-light);cursor:not-allowed}.calendar-week-navigation .vd-pagination__link-reset{background:none;border:none;font-weight:inherit;text-decoration-line:none;text-align:inherit;cursor:pointer}.calendar-week-navigation .vd-pagination__link-reset:focus{background-color:var(--vd-focus)}nav ul{margin-bottom:0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.FoehnIconChevronLeftComponent, selector: "foehn-icon-chevron-left" }, { kind: "component", type: i3.FoehnIconChevronRightComponent, selector: "foehn-icon-chevron-right" }, { kind: "component", type: i4.FoehnDatePickerButtonComponent, selector: "foehn-date-picker-button", inputs: ["id", "name", "minYear", "maxYear", "minDate", "maxDate", "displaySelectedDate", "selectedDateSrOnlyLabelKey", "model"], outputs: ["modelChange", "userInput"] }, { kind: "pipe", type: i5.SdkDictionaryPipe, name: "fromDictionary" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: FoehnAgendaNavigationComponent, decorators: [{
             type: Component,
             args: [{ selector: 'foehn-agenda-navigation', template: "<div class=\"row mb-3\" *ngIf=\"!!calendar\">\n    <div class=\"col-12\">\n        <nav\n            class=\"vd-pagination calendar-week-navigation\"\n            [attr.id]=\"id\"\n            [attr.aria-label]=\"\n                'foehn-agenda-navigation.nav.aria-label' | fromDictionary\n            \"\n        >\n            <ul class=\"vd-pagination__list\">\n                <li\n                    class=\"vd-pagination__item vd-pagination__item--previous col-4\"\n                    *ngIf=\"!!calendar.previousWeek\"\n                >\n                    <button\n                        [id]=\"id + 'ButtonPreviousWeek'\"\n                        class=\"btn-link vd-pagination__link vd-pagination__link-reset\"\n                        (click)=\"paginate(calendar.previousWeek)\"\n                        type=\"button\"\n                    >\n                        <span class=\"d-flex align-items-center\">\n                            <foehn-icon-chevron-left\n                                class=\"vd-pagination__title\"\n                                [title]=\"\n                                    'foehn-agenda-navigation.previous-week'\n                                        | fromDictionary\n                                \"\n                                aria-hidden=\"true\"\n                            ></foehn-icon-chevron-left>\n                            <span\n                                class=\"vd-pagination__title ml-2 d-xs-none d-sm-block\"\n                                aria-hidden=\"true\"\n                            >\n                                {{\n                                    'foehn-agenda-navigation.previous-week'\n                                        | fromDictionary\n                                }}\n                            </span>\n                            <span\n                                [id]=\"id + 'NavigationPreviousSrOnly'\"\n                                class=\"sr-only\"\n                            >\n                                {{\n                                    'foehn-agenda-navigation.previous-week-sr-only'\n                                        | fromDictionary\n                                            : {\n                                                  previousWeek:\n                                                      calendar.previousWeek\n                                                          .label\n                                              }\n                                }}\n                            </span>\n                        </span>\n                    </button>\n                </li>\n                <li\n                    class=\"vd-pagination__item vd-pagination__item--previous col-4\"\n                    *ngIf=\"!calendar.previousWeek && !isSrOnly\"\n                >\n                    <div\n                        [id]=\"id + 'NavigationPreviousDisabled'\"\n                        class=\"d-flex align-items-center link-week-disabled\"\n                    >\n                        <foehn-icon-chevron-left\n                            class=\"vd-pagination__title\"\n                            [title]=\"\n                                'foehn-agenda-navigation.previous-week'\n                                    | fromDictionary\n                            \"\n                        ></foehn-icon-chevron-left>\n                        <span\n                            class=\"vd-pagination__title ml-2 d-xs-none d-sm-block\"\n                        >\n                            {{\n                                'foehn-agenda-navigation.previous-week'\n                                    | fromDictionary\n                            }}\n                        </span>\n                    </div>\n                </li>\n\n                <li\n                    class=\"vd-pagination__item d-flex justify-content-center col-4\"\n                    *ngIf=\"!isSrOnly\"\n                >\n                    <foehn-date-picker-button\n                        [model]=\"currentDay\"\n                        [minDate]=\"minDate\"\n                        [maxDate]=\"maxDate\"\n                        [selectedDateSrOnlyLabelKey]=\"\n                            'foehn-agenda-navigation.date-picker-button.screen-reader.selected-date'\n                        \"\n                        (userInput)=\"datePickerUserInput($event)\"\n                    ></foehn-date-picker-button>\n                </li>\n\n                <li\n                    class=\"vd-pagination__item vd-pagination__item--next col-4 d-flex justify-content-end\"\n                    *ngIf=\"!!calendar.nextWeek\"\n                >\n                    <button\n                        [id]=\"id + 'ButtonNextWeek'\"\n                        class=\"btn-link vd-pagination__link vd-pagination__link-reset\"\n                        (click)=\"paginate(calendar.nextWeek)\"\n                        type=\"button\"\n                    >\n                        <span class=\"d-flex align-items-center\">\n                            <span\n                                aria-hidden=\"true\"\n                                class=\"vd-pagination__title d-xs-none d-sm-block\"\n                            >\n                                {{\n                                    'foehn-agenda-navigation.next-week'\n                                        | fromDictionary\n                                }}\n                            </span>\n                            <span\n                                [id]=\"id + 'NavigationNextSrOnly'\"\n                                class=\"sr-only\"\n                            >\n                                {{\n                                    'foehn-agenda-navigation.next-week-sr-only'\n                                        | fromDictionary\n                                            : {\n                                                  nextWeek:\n                                                      calendar.nextWeek.label\n                                              }\n                                }}\n                            </span>\n                            <foehn-icon-chevron-right\n                                class=\"vd-pagination__title ml-2\"\n                                [title]=\"\n                                    'foehn-agenda-navigation.next-week'\n                                        | fromDictionary\n                                \"\n                                aria-hidden=\"true\"\n                            ></foehn-icon-chevron-right>\n                        </span>\n                    </button>\n                </li>\n                <li\n                    class=\"vd-pagination__item vd-pagination__item--next col-4 d-flex justify-content-end\"\n                    *ngIf=\"!calendar.nextWeek && !isSrOnly\"\n                >\n                    <div\n                        [id]=\"id + 'NavigationNextDisabled'\"\n                        class=\"d-flex align-items-center link-week-disabled\"\n                    >\n                        <span class=\"vd-pagination__title d-xs-none d-sm-block\">\n                            {{\n                                'foehn-agenda-navigation.next-week'\n                                    | fromDictionary\n                            }}\n                        </span>\n                        <foehn-icon-chevron-right\n                            class=\"vd-pagination__title ml-2\"\n                            [title]=\"\n                                'foehn-agenda-navigation.next-week'\n                                    | fromDictionary\n                            \"\n                        ></foehn-icon-chevron-right>\n                    </div>\n                </li>\n            </ul>\n        </nav>\n    </div>\n</div>\n", styles: [".calendar-week-navigation{margin-bottom:0}.calendar-week-navigation li.vd-pagination__item{margin-top:0}.calendar-week-navigation span.vd-pagination__title{font-size:1em;line-height:1.2em;color:var(--gray-dark)}.calendar-week-navigation foehn-icon-chevron-right.vd-pagination__title,.calendar-week-navigation foehn-icon-chevron-left.vd-pagination__title{font-size:1.5em;color:var(--gray-dark)}.calendar-week-navigation .link-week-disabled .vd-pagination__title{color:var(--vd-neutral-light);cursor:not-allowed}.calendar-week-navigation .vd-pagination__link-reset{background:none;border:none;font-weight:inherit;text-decoration-line:none;text-align:inherit;cursor:pointer}.calendar-week-navigation .vd-pagination__link-reset:focus{background-color:var(--vd-focus)}nav ul{margin-bottom:0}\n"] }]
         }], propDecorators: { id: [{

package/esm2020/foehn-agenda/foehn-agenda-timeslot-panel/foehn-agenda-timeslot-panel.component.mjs

@@ -209,15 +209,15 @@ export class FoehnAgendaTimeslotPanelComponent extends FoehnInputComponent {
         }
     }
 }
-FoehnAgendaTimeslotPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: FoehnAgendaTimeslotPanelComponent, deps: [{ token: i1.SdkDictionaryService }], target: i0.ɵɵFactoryTarget.Component });
-FoehnAgendaTimeslotPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: FoehnAgendaTimeslotPanelComponent, selector: "foehn-agenda-timeslot-panel", inputs: { calendar: "calendar", nbVisibleElements: "nbVisibleElements", currentWeek: "currentWeek" }, host: { listeners: { "keydown": "handleKeyboardDownEvent($event)" } }, providers: [
+FoehnAgendaTimeslotPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: FoehnAgendaTimeslotPanelComponent, deps: [{ token: i1.SdkDictionaryService }], target: i0.ɵɵFactoryTarget.Component });
+FoehnAgendaTimeslotPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: FoehnAgendaTimeslotPanelComponent, selector: "foehn-agenda-timeslot-panel", inputs: { calendar: "calendar", nbVisibleElements: "nbVisibleElements", currentWeek: "currentWeek" }, host: { listeners: { "keydown": "handleKeyboardDownEvent($event)" } }, providers: [
         {
             provide: FoehnInputComponent,
             useExisting: forwardRef(() => FoehnAgendaTimeslotPanelComponent),
             multi: true
         }
     ], viewQueries: [{ propertyName: "timeSlotButtonsElemRef", predicate: ["timeSlotButtonsElemRef"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<section\n    *ngIf=\"calendar | async as loadedCalendar\"\n    class=\"panel panel-default mb-3\"\n>\n    <div class=\"panel-heading mt-2 mb-2 py-2 d-flex align-items-baseline\">\n        <h3 class=\"h5 ml-3 mt-0 mb-0\">\n            {{ capitalCaseFirstLetter(currentWeek.day) }}\n            <span class=\"sr-only\" *ngIf=\"!!isSelected(timeInputValue)\">\n                &nbsp;{{\n                    'foehn-agenda-timeslot-panel.selected-time'\n                        | fromDictionary: { timeSelectedValue: timeInputValue }\n                }}\n            </span>\n        </h3>\n        <small *ngIf=\"!!currentWeek.timeSlots.length\" class=\"sr-only\">\n            {{\n                'foehn-agenda-timeslot-panel.nbr-dispo'\n                    | fromDictionary\n                        : {\n                              nbElements: currentWeek.timeSlots.length.toString()\n                          }\n            }}\n        </small>\n        <small\n            *ngIf=\"!currentWeek.timeSlots.length\"\n            class=\"font-italic align-self-end ml-2\"\n        >\n            {{ 'foehn-agenda-timeslot-panel.no-dispo' | fromDictionary }}\n        </small>\n    </div>\n\n    <div\n        *ngIf=\"!!currentWeek.timeSlots.length\"\n        class=\"panel-body row d-flex flex-wrap ml-auto mr-auto pl-3\"\n        (focusin)=\"onTimeFocusin()\"\n        (focusout)=\"onTimeFocusout()\"\n        role=\"application\"\n    >\n        <button\n            *ngFor=\"let timeSlot of timeSlots; let index = index\"\n            class=\"btn btn-info mr-2 mb-2\"\n            #timeSlotButtonsElemRef\n            [attr.id]=\"\n                cleanIdForQuerySelector(currentWeek.day + '-' + timeSlot)\n            \"\n            [tabindex]=\"getTimeSlotTabIndex(timeSlot, index)\"\n            [class.btn-danger]=\"isSelected(timeSlot)\"\n            (click)=\"\n                handleUserInput(\n                    currentWeek.day,\n                    currentWeek.date,\n                    timeSlot,\n                    loadedCalendar\n                )\n            \"\n            [attr.aria-label]=\"\n                getButtonTimeSlotAriaLabel(currentWeek.day, timeSlot)\n            \"\n        >\n            {{ timeSlot }}\n        </button>\n        <div\n            class=\"col-12 d-flex justify-content-end mb-1\"\n            *ngIf=\"currentWeek.timeSlots.length > nbVisibleElements && canClose\"\n        >\n            <button\n                class=\"btn btn-link show-more\"\n                #timeSlotButtonsElemRef\n                (click)=\"togglePanel()\"\n                [attr.aria-label]=\"\n                    (isClosed\n                        ? 'foehn-agenda-timeslot-panel.show-more-sr-only'\n                        : 'foehn-agenda-timeslot-panel.show-less'\n                    )\n                        | fromDictionary\n                            : {\n                                  nbrElementsHidden: timeslotRemaining.toString()\n                              }\n                \"\n            >\n                {{\n                    (isClosed\n                        ? 'foehn.agenda-timeslot-panel.show-more'\n                        : 'foehn-agenda-timeslot-panel.show-less'\n                    )\n                        | fromDictionary\n                            : {\n                                  nbrElementsHidden: timeslotRemaining.toString()\n                              }\n                }}\n            </button>\n        </div>\n    </div>\n</section>\n", styles: [".panel-default{border:1px solid #dfdfdf}.panel-heading{position:sticky;background-color:#fff;width:100%;top:0}.panel-heading small{font-size:.9rem}.panel-heading:focus{outline:0;box-shadow:inset 0 1px 1px #00000013,0 0 0 .2rem var(--vd-focus)}.panel-body .btn-info{padding-right:.4rem;padding-left:.4rem}.panel-body .btn-link{padding:0}.show-more{cursor:pointer;font-size:.9rem}\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: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.SdkDictionaryPipe, name: "fromDictionary" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: FoehnAgendaTimeslotPanelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: FoehnAgendaTimeslotPanelComponent, decorators: [{
             type: Component,
             args: [{ selector: 'foehn-agenda-timeslot-panel', providers: [
                         {

package/esm2020/foehn-agenda/foehn-agenda.component.mjs

@@ -65,15 +65,15 @@ export class FoehnAgendaComponent extends FoehnInputComponent {
         }, this.SR_ANNOUNCEMENT_CLEAR_TIMEOUT_INTERVAL_MS);
     }
 }
-FoehnAgendaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: FoehnAgendaComponent, deps: [{ token: i1.SdkDictionaryService }], target: i0.ɵɵFactoryTarget.Component });
-FoehnAgendaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: FoehnAgendaComponent, selector: "foehn-agenda", inputs: { calendar: "calendar", nbVisibleElements: "nbVisibleElements" }, outputs: { paginationChange: "paginationChange" }, providers: [
+FoehnAgendaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: FoehnAgendaComponent, deps: [{ token: i1.SdkDictionaryService }], target: i0.ɵɵFactoryTarget.Component });
+FoehnAgendaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: FoehnAgendaComponent, selector: "foehn-agenda", inputs: { calendar: "calendar", nbVisibleElements: "nbVisibleElements" }, outputs: { paginationChange: "paginationChange" }, providers: [
         {
             provide: FoehnInputComponent,
             useExisting: forwardRef(() => FoehnAgendaComponent),
             multi: true
         }
     ], viewQueries: [{ propertyName: "timeSlotPanelsElemRef", predicate: ["timeSlotPanelElemRef"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div\n    class=\"form-group\"\n    [class.has-danger]=\"hasErrors()\"\n    [class.vd-form-group-danger]=\"hasErrors()\"\n    [attr.id]=\"buildId('Container')\"\n    tabindex=\"-1\"\n>\n    <p\n        [attr.id]=\"buildChildId() + 'Label'\"\n        [attr.for]=\"buildChildId()\"\n        *ngIf=\"label && type !== 'hidden'\"\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    </p>\n\n    <small\n        *ngIf=\"helpText && type !== 'hidden'\"\n        [attr.id]=\"buildChildId() + 'Help'\"\n        class=\"form-text text-secondary\"\n        [innerHTML]=\"helpText\"\n    ></small>\n\n    <ng-container *ngIf=\"!(calendar | async)\">\n        <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n        <p class=\"alert alert-warning\">\n            {{ 'foehn-agenda.calendar-indisponible' | fromDictionary }}\n        </p>\n    </ng-container>\n\n    <!-- Fake input with NgModel to be registered into Form controls -->\n    <input type=\"hidden\" [name]=\"name || label\" [ngModel]=\"model\" />\n\n    <p\n        [id]=\"buildChildId('srOnlyAnnouncements')\"\n        class=\"sr-only\"\n        aria-live=\"polite\"\n        aria-atomic=\"true\"\n    >\n        {{ srAnnouncements }}\n    </p>\n\n    <ng-content></ng-content>\n\n    <ng-container *ngIf=\"calendar | async as loadedCalendar\">\n        <section\n            class=\"mb-3\"\n            [attr.aria-describedby]=\"getDescribedBy()\"\n            [attr.aria-invalid]=\"hasErrors() || null\"\n        >\n            <h2 class=\"h3 mt-3\">\n                <span aria-live=\"polite\" role=\"status\" aria-atomic=\"true\">\n                    {{ loadedCalendar.currentWeek.label }}\n                </span>\n            </h2>\n\n            <!-- Rappel de l'heure actuellement s\u00E9lectionn\u00E9e -->\n            <p [id]=\"buildChildId('timeSlotSelectedSrOnly')\" class=\"sr-only\">\n                {{ extractDayTime(model) }}\n            </p>\n\n            <!-- Navigation top hidden from screen reader-->\n            <foehn-agenda-navigation\n                [id]=\"buildChildId() + 'week-pagination-top'\"\n                [calendar]=\"loadedCalendar\"\n                [minDate]=\"loadedCalendar.minAvailableDate\"\n                [maxDate]=\"loadedCalendar.maxAvailableDate\"\n                (paginationChange)=\"paginate($event)\"\n                aria-hidden=\"true\"\n            ></foehn-agenda-navigation>\n\n            <!-- Link to navigation bottom only for screen reader -->\n            <p [id]=\"buildChildId('navigationBottomAnchor')\" class=\"sr-only\">\n                {{\n                    'foehn-agenda.pagination-anchor.first-part' | fromDictionary\n                }}\n                <a\n                    href=\"#\"\n                    (click)=\"$event.preventDefault(); scrollToNavigation(true)\"\n                >\n                    {{\n                        'foehn-agenda.pagination-anchor.top-next-part'\n                            | fromDictionary\n                    }}\n                </a>\n            </p>\n\n            <foehn-validation-alerts\n                [component]=\"this\"\n            ></foehn-validation-alerts>\n\n            <div\n                class=\"row\"\n                [tabIndex]=\"hasErrors() ? 0 : -1\"\n                [attr.id]=\"buildChildId()\"\n                #entryComponent\n            >\n                <foehn-agenda-timeslot-panel\n                    *ngFor=\"let currentWeek of loadedCalendar.currentWeek.week\"\n                    class=\"col-12\"\n                    #timeSlotPanelElemRef\n                    [currentWeek]=\"currentWeek\"\n                    [calendar]=\"calendar\"\n                    [nbVisibleElements]=\"nbVisibleElements\"\n                    [(model)]=\"model\"\n                    (userInput)=\"handleUserInput($event)\"\n                ></foehn-agenda-timeslot-panel>\n            </div>\n        </section>\n\n        <!-- Navigation bottom used for screen reader only -->\n        <foehn-agenda-navigation\n            class=\"sr-only\"\n            [id]=\"buildChildId() + 'week-pagination-bottom'\"\n            [calendar]=\"loadedCalendar\"\n            [isSrOnly]=\"true\"\n            [minDate]=\"loadedCalendar.minAvailableDate\"\n            [maxDate]=\"loadedCalendar.maxAvailableDate\"\n            (paginationChange)=\"paginate($event)\"\n        ></foehn-agenda-navigation>\n\n        <!-- Link to navigation top hidden from screen reader -->\n        <p [id]=\"buildChildId('navigationTopAnchor')\" aria-hidden=\"true\">\n            {{ 'foehn-agenda.pagination-anchor.first-part' | fromDictionary }}\n            <a\n                href=\"#\"\n                (click)=\"$event.preventDefault(); scrollToNavigation(false)\"\n            >\n                {{\n                    'foehn-agenda.pagination-anchor.bottom-next-part'\n                        | fromDictionary\n                }}\n            </a>\n        </p>\n    </ng-container>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.FoehnAgendaNavigationComponent, selector: "foehn-agenda-navigation", inputs: ["id", "calendar", "isSrOnly", "minDate", "maxDate"], outputs: ["paginationChange"] }, { kind: "component", type: i6.FoehnAgendaTimeslotPanelComponent, selector: "foehn-agenda-timeslot-panel", inputs: ["calendar", "nbVisibleElements", "currentWeek"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i7.SdkDictionaryPipe, name: "fromDictionary" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: FoehnAgendaComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: FoehnAgendaComponent, decorators: [{
             type: Component,
             args: [{ selector: 'foehn-agenda', providers: [
                         {

package/esm2020/foehn-agenda/foehn-agenda.module.mjs

@@ -13,8 +13,8 @@ import { FoehnAgendaTimeslotPanelComponent } from './foehn-agenda-timeslot-panel
 import * as i0 from "@angular/core";
 export class FoehnAgendaModule {
 }
-FoehnAgendaModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: FoehnAgendaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-FoehnAgendaModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.2", ngImport: i0, type: FoehnAgendaModule, declarations: [FoehnAgendaComponent,
+FoehnAgendaModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: FoehnAgendaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FoehnAgendaModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.4", ngImport: i0, type: FoehnAgendaModule, declarations: [FoehnAgendaComponent,
         FoehnAgendaNavigationComponent,
         FoehnAgendaTimeslotPanelComponent], imports: [CommonModule,
         A11yModule,
@@ -26,7 +26,7 @@ FoehnAgendaModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", versi
         FormsModule], exports: [FoehnAgendaComponent,
         FoehnAgendaNavigationComponent,
         FoehnAgendaTimeslotPanelComponent] });
-FoehnAgendaModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: FoehnAgendaModule, imports: [CommonModule,
+FoehnAgendaModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: FoehnAgendaModule, imports: [CommonModule,
         A11yModule,
         FoehnMiscModule,
         SdkDictionaryModule,
@@ -34,7 +34,7 @@ FoehnAgendaModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", versi
         FoehnDatePickerButtonModule,
         FoehnValidationAlertsModule,
         FormsModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: FoehnAgendaModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: FoehnAgendaModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2020/foehn-autocomplete/foehn-autocomplete.component.mjs

@@ -564,15 +564,15 @@ export class FoehnAutocompleteComponent extends FoehnCheckableGroupComponent {
             : this.getLabel(this.model);
     }
 }
-FoehnAutocompleteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: FoehnAutocompleteComponent, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-FoehnAutocompleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: FoehnAutocompleteComponent, selector: "foehn-autocomplete", inputs: { searchValueMinCharsCount: "searchValueMinCharsCount", allowCustomValue: "allowCustomValue", customValueModelGenerator: "customValueModelGenerator", itemHeightInSuggestionListInPx: "itemHeightInSuggestionListInPx", elementSuggestionLabel: "elementSuggestionLabel", caseSensitiveSearch: "caseSensitiveSearch", disabled: "disabled" }, providers: [
+FoehnAutocompleteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: FoehnAutocompleteComponent, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+FoehnAutocompleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: FoehnAutocompleteComponent, selector: "foehn-autocomplete", inputs: { searchValueMinCharsCount: "searchValueMinCharsCount", allowCustomValue: "allowCustomValue", customValueModelGenerator: "customValueModelGenerator", itemHeightInSuggestionListInPx: "itemHeightInSuggestionListInPx", elementSuggestionLabel: "elementSuggestionLabel", caseSensitiveSearch: "caseSensitiveSearch", disabled: "disabled" }, providers: [
         {
             provide: FoehnInputComponent,
             useExisting: forwardRef(() => FoehnAutocompleteComponent),
             multi: true
         }
     ], viewQueries: [{ propertyName: "virtualScrollViewport", first: true, predicate: CdkVirtualScrollViewport, descendants: true }, { propertyName: "suggestionsList", first: true, predicate: ["suggestionsList"], descendants: true }, { propertyName: "inputElement", first: true, predicate: ["entryComponent"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<!--\n    Accessible autocomplete widget following the listbox combobox pattern.\n    ref: https://www.w3.org/TR/wai-aria-practices-1.1/examples/combobox/aria1.1pattern/listbox-combo.html\n-->\n<div\n    class=\"form-group autocomplete-form-group\"\n    [class.has-danger]=\"hasErrorsToDisplay()\"\n    [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n    [attr.aria-expanded]=\"shouldDisplayListbox()\"\n    [attr.aria-haspopup]=\"'listbox'\"\n    [attr.id]=\"buildId('Container')\"\n    tabindex=\"-1\"\n>\n    <label\n        [attr.for]=\"buildChildId()\"\n        *ngIf=\"!!label\"\n        [ngClass]=\"isLabelSrOnly ? 'sr-only' : labelStyleModifier\"\n        [attr.id]=\"buildChildId() + 'Label'\"\n    >\n        <span [innerHTML]=\"label\"></span>\n        <span\n            *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n            aria-hidden=\"true\"\n        >\n            {{ 'foehn-input.optional' | fromDictionary }}\n        </span>\n    </label>\n\n    <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n    <div *ngIf=\"!elements\">Chargement...</div>\n\n    <small\n        *ngIf=\"helpText\"\n        [attr.id]=\"buildChildId() + 'Help'\"\n        class=\"form-text text-secondary\"\n        [innerHTML]=\"helpText\"\n    ></small>\n\n    <ng-content></ng-content>\n\n    <div class=\"sr-only\">\n        Utilisez les fl\u00E8ches haut et bas pour naviguer dans la liste, puis la\n        touche Entrer pour s\u00E9lectionner une option.\n    </div>\n\n    <!-- Give screen reader users the total of results when then input changes. -->\n    <div\n        class=\"sr-only\"\n        aria-live=\"polite\"\n        role=\"status\"\n        aria-atomic=\"true\"\n        *ngIf=\"displayedElements && shouldDisplayListbox()\"\n    >\n        Nombre de r\u00E9sultats: {{ displayedElements.length }}\n        <!-- Trick to have NVDA re-reading this properly -->\n        <span>{{ notificationMessageUpdated ? ',' : ',,' }}</span>\n    </div>\n\n    <input\n        [class.is-invalid]=\"hasErrorsToDisplay()\"\n        class=\"form-control autocomplete\"\n        type=\"text\"\n        role=\"textbox\"\n        [name]=\"name || label\"\n        [attr.id]=\"buildChildId()\"\n        [attr.placeholder]=\"placeholder || null\"\n        [attr.disabled]=\"disabledSubject | async\"\n        [attr.aria-describedby]=\"getDescribedBy()\"\n        [attr.aria-required]=\"required || null\"\n        [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n        [attr.autocomplete]=\"'off'\"\n        [attr.aria-activedescendant]=\"getActiveDescendantId()\"\n        [attr.aria-owns]=\"\n            shouldDisplayListbox() ? buildChildId() + 'Listbox' : null\n        \"\n        [attr.list]=\"buildChildId() + 'list'\"\n        [(ngModel)]=\"inputValue\"\n        (ngModelChange)=\"showSuggestionsWhenInputHasFocusAndIsEmpty($event)\"\n        (paste)=\"onPaste($event)\"\n        (focus)=\"onInputFocus()\"\n        (blur)=\"onInputBlur()\"\n        (keydown)=\"onKeyDown($event)\"\n        (click)=\"onInputClick()\"\n        autocomplete=\"off\"\n        #entryComponent\n    />\n\n    <button\n        type=\"button\"\n        *ngIf=\"displayClearButton() | async\"\n        class=\"autocomplete-clear-button btn\"\n        (click)=\"onClear()\"\n        [id]=\"buildChildId() + 'Clear'\"\n    >\n        <foehn-icon-times\n            class=\"autocomplete-clear-button-icon\"\n            title=\"R\u00E9initialiser le champ\"\n        ></foehn-icon-times>\n    </button>\n\n    <div\n        class=\"form-group suggestions-list-container\"\n        *ngIf=\"shouldDisplayListbox()\"\n    >\n        <cdk-virtual-scroll-viewport\n            [itemSize]=\"itemHeightInSuggestionListInPx\"\n            [style.height.px]=\"VIEW_PORT_HEIGHT\"\n        >\n            <ul\n                [attr.id]=\"buildChildId() + 'Listbox'\"\n                [attr.aria-labelledby]=\"buildChildId() + 'Label'\"\n                role=\"listbox\"\n                class=\"suggestions-list\"\n                #suggestionsList\n            >\n                <li\n                    tabindex=\"-1\"\n                    role=\"option\"\n                    class=\"suggestion\"\n                    *cdkVirtualFor=\"\n                        let element of displayedElements;\n                        index as i\n                    \"\n                    [attr.id]=\"buildChildId() + 'Option' + i\"\n                    (click)=\"onClickSuggestion(element)\"\n                    (mousedown)=\"onListOptionMouseDown($event)\"\n                    (focus)=\"onListOptionFocus()\"\n                    (blur)=\"onListOptionBlur()\"\n                    [style.height.px]=\"itemHeightInSuggestionListInPx\"\n                    [attr.label-value]=\"getLabel(element)\"\n                >\n                    <!-- Ensures that screen readers don't consider any spaces around the emphasis -->\n                    <span [innerHtml]=\"getLabelWithEmphasis(element)\"></span>\n                </li>\n            </ul>\n        </cdk-virtual-scroll-viewport>\n    </div>\n</div>\n", styles: ["div.suggestions-list-container{position:relative;width:100%}cdk-virtual-scroll-viewport{width:100%;position:absolute;top:0;left:0;z-index:10;background:white;overflow-y:auto;box-shadow:0 4px 8px #0003,0 6px 20px #00000030;list-style:none;margin:inherit;padding:inherit}ul.suggestions-list{list-style:none;margin:0;padding:0}li.suggestion{width:100%;padding:.5em;font-size:1em}li.suggestion:hover,.suggestion-selected{background-color:var(--vd-info)}li.suggestion:hover{cursor:pointer;background-color:#dfdfdf}input.autocomplete::-ms-clear{display:none}input.autocomplete{padding-right:30px}.autocomplete-form-group{position:relative}.autocomplete-clear-button{position:absolute;bottom:4px;right:4px;height:30px;width:30px;background:none;border:none}.autocomplete-clear-button-icon{top:4px;right:8px;position:absolute}:host ::ng-deep .autocomplete-clear-button.btn .svg-inline--fa{color:#595959!important}:host ::ng-deep .autocomplete-clear-button.btn:hover .svg-inline--fa{color:#000!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.FoehnIconTimesComponent, selector: "foehn-icon-times" }, { kind: "component", type: i3.FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i5.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i5.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i5.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.SdkDictionaryPipe, name: "fromDictionary" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: FoehnAutocompleteComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: FoehnAutocompleteComponent, decorators: [{
             type: Component,
             args: [{ selector: 'foehn-autocomplete', providers: [
                         {

package/esm2020/foehn-autocomplete/foehn-autocomplete.module.mjs

@@ -9,20 +9,20 @@ import { FoehnAutocompleteComponent } from './foehn-autocomplete.component';
 import * as i0 from "@angular/core";
 export class FoehnAutocompleteModule {
 }
-FoehnAutocompleteModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: FoehnAutocompleteModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-FoehnAutocompleteModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.2", ngImport: i0, type: FoehnAutocompleteModule, declarations: [FoehnAutocompleteComponent], imports: [CommonModule,
+FoehnAutocompleteModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: FoehnAutocompleteModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FoehnAutocompleteModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.4", ngImport: i0, type: FoehnAutocompleteModule, declarations: [FoehnAutocompleteComponent], imports: [CommonModule,
         FoehnIconsModule,
         FoehnValidationAlertsModule,
         FormsModule,
         ScrollingModule,
         SdkDictionaryModule], exports: [FoehnAutocompleteComponent] });
-FoehnAutocompleteModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: FoehnAutocompleteModule, imports: [CommonModule,
+FoehnAutocompleteModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: FoehnAutocompleteModule, imports: [CommonModule,
         FoehnIconsModule,
         FoehnValidationAlertsModule,
         FormsModule,
         ScrollingModule,
         SdkDictionaryModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: FoehnAutocompleteModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: FoehnAutocompleteModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2020/foehn-boolean/foehn-boolean-checkbox.component.mjs

@@ -7,15 +7,15 @@ import * as i3 from "@angular/forms";
 import * as i4 from "../sdk-dictionary/sdk-dictionary.pipe";
 export class FoehnBooleanCheckboxComponent extends FoehnInputComponent {
 }
-FoehnBooleanCheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: FoehnBooleanCheckboxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-FoehnBooleanCheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: FoehnBooleanCheckboxComponent, selector: "foehn-boolean-checkbox", providers: [
+FoehnBooleanCheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: FoehnBooleanCheckboxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+FoehnBooleanCheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: FoehnBooleanCheckboxComponent, selector: "foehn-boolean-checkbox", providers: [
         {
             provide: FoehnInputComponent,
             useExisting: forwardRef(() => FoehnBooleanCheckboxComponent),
             multi: true
         }
     ], usesInheritance: true, ngImport: i0, template: "<div\n    [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n    class=\"form-group\"\n    [attr.id]=\"buildId('Container')\"\n    tabindex=\"-1\"\n>\n    <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n    <small\n        *ngIf=\"helpText\"\n        [attr.id]=\"buildChildId() + 'Help'\"\n        class=\"form-text text-secondary\"\n        [innerHTML]=\"helpText\"\n    ></small>\n\n    <ng-content></ng-content>\n\n    <div class=\"form-check\">\n        <input\n            type=\"checkbox\"\n            class=\"form-check-input\"\n            [ngModel]=\"model\"\n            (ngModelChange)=\"updateNgModel($event)\"\n            [name]=\"buildChildName()\"\n            [attr.name]=\"buildChildName()\"\n            [attr.id]=\"buildChildId()\"\n            [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n            [attr.disabled]=\"disabled ? 'disabled' : null\"\n            [attr.aria-describedby]=\"getDescribedBy()\"\n            (change)=\"handleChange(model)\"\n            #entryComponent\n        />\n        <label\n            [ngClass]=\"\n                isLabelSrOnly\n                    ? 'form-check-label sr-only'\n                    : 'form-check-label vd-p'\n            \"\n            [for]=\"buildChildId()\"\n        >\n            <span [innerHTML]=\"label\"></span>\n            <span\n                *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n                aria-hidden=\"true\"\n            >\n                {{ 'foehn-input.optional' | fromDictionary }}\n            </span>\n        </label>\n    </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }, { kind: "directive", type: i3.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i4.SdkDictionaryPipe, name: "fromDictionary" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: FoehnBooleanCheckboxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: FoehnBooleanCheckboxComponent, decorators: [{
             type: Component,
             args: [{ selector: 'foehn-boolean-checkbox', providers: [
                         {

package/esm2020/foehn-boolean/foehn-boolean-radio.component.mjs

@@ -13,15 +13,15 @@ export class FoehnBooleanRadioComponent extends FoehnInputComponent {
         this.verticalDisplay = false;
     }
 }
-FoehnBooleanRadioComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: FoehnBooleanRadioComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-FoehnBooleanRadioComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: FoehnBooleanRadioComponent, selector: "foehn-boolean-radio", inputs: { trueLabel: "trueLabel", falseLabel: "falseLabel", verticalDisplay: "verticalDisplay" }, providers: [
+FoehnBooleanRadioComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: FoehnBooleanRadioComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+FoehnBooleanRadioComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: FoehnBooleanRadioComponent, selector: "foehn-boolean-radio", inputs: { trueLabel: "trueLabel", falseLabel: "falseLabel", verticalDisplay: "verticalDisplay" }, providers: [
         {
             provide: FoehnInputComponent,
             useExisting: forwardRef(() => FoehnBooleanRadioComponent),
             multi: true
         }
     ], usesInheritance: true, ngImport: i0, template: "<div\n    [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n    class=\"form-group\"\n    [attr.id]=\"buildId('Container')\"\n    tabindex=\"-1\"\n>\n    <fieldset [attr.aria-describedby]=\"getDescribedBy()\">\n        <legend *ngIf=\"!!label\" [ngClass]=\"isLabelSrOnly ? 'sr-only' : 'vd-p'\">\n            <span [innerHTML]=\"label\"></span>\n            <span\n                *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n                aria-hidden=\"true\"\n            >\n                {{ 'foehn-input.optional' | fromDictionary }}\n            </span>\n        </legend>\n\n        <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n        <small\n            *ngIf=\"helpText\"\n            [attr.id]=\"buildChildId() + 'Help'\"\n            class=\"form-text text-secondary\"\n            [innerHTML]=\"helpText\"\n        ></small>\n\n        <ng-content></ng-content>\n\n        <div\n            class=\"d-flex\"\n            [ngClass]=\"verticalDisplay ? 'flex-column' : 'flex-row'\"\n        >\n            <div class=\"form-check\">\n                <input\n                    type=\"radio\"\n                    class=\"form-check-input\"\n                    [ngModel]=\"model\"\n                    (ngModelChange)=\"updateNgModel($event)\"\n                    [name]=\"buildChildName('True')\"\n                    [attr.name]=\"buildChildName('True')\"\n                    [value]=\"true\"\n                    [attr.id]=\"buildChildId('True')\"\n                    [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n                    [attr.disabled]=\"disabled ? 'disabled' : null\"\n                    (change)=\"handleChange(true)\"\n                    #entryComponent\n                />\n                <label\n                    class=\"form-check-label\"\n                    [for]=\"buildChildId('True')\"\n                    [innerHTML]=\"trueLabel\"\n                ></label>\n            </div>\n\n            <div class=\"form-check\" [ngClass]=\"verticalDisplay ? '' : 'ml-2'\">\n                <input\n                    type=\"radio\"\n                    class=\"form-check-input\"\n                    [ngModel]=\"model\"\n                    (ngModelChange)=\"updateNgModel($event)\"\n                    [name]=\"buildChildName('False')\"\n                    [attr.name]=\"buildChildName('False')\"\n                    [value]=\"false\"\n                    [attr.id]=\"buildChildId('False')\"\n                    [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n                    [attr.disabled]=\"disabled ? 'disabled' : null\"\n                    (change)=\"handleChange(false)\"\n                />\n                <label\n                    class=\"form-check-label\"\n                    [for]=\"buildChildId('False')\"\n                    [innerHTML]=\"falseLabel\"\n                ></label>\n            </div>\n        </div>\n    </fieldset>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i4.SdkDictionaryPipe, name: "fromDictionary" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: FoehnBooleanRadioComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: FoehnBooleanRadioComponent, decorators: [{
             type: Component,
             args: [{ selector: 'foehn-boolean-radio', providers: [
                         {

package/esm2020/foehn-boolean/foehn-boolean.module.mjs

@@ -8,16 +8,16 @@ import { FoehnBooleanRadioComponent } from './foehn-boolean-radio.component';
 import * as i0 from "@angular/core";
 export class FoehnBooleanModule {
 }
-FoehnBooleanModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: FoehnBooleanModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-FoehnBooleanModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.2", ngImport: i0, type: FoehnBooleanModule, declarations: [FoehnBooleanCheckboxComponent, FoehnBooleanRadioComponent], imports: [CommonModule,
+FoehnBooleanModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: FoehnBooleanModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FoehnBooleanModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.4", ngImport: i0, type: FoehnBooleanModule, declarations: [FoehnBooleanCheckboxComponent, FoehnBooleanRadioComponent], imports: [CommonModule,
         FoehnValidationAlertsModule,
         FormsModule,
         SdkDictionaryModule], exports: [FoehnBooleanCheckboxComponent, FoehnBooleanRadioComponent] });
-FoehnBooleanModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: FoehnBooleanModule, imports: [CommonModule,
+FoehnBooleanModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: FoehnBooleanModule, imports: [CommonModule,
         FoehnValidationAlertsModule,
         FormsModule,
         SdkDictionaryModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: FoehnBooleanModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: FoehnBooleanModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2020/foehn-breadcrumb/breadcrumb-event.service.mjs

@@ -170,9 +170,9 @@ export class BreadcrumbEventService {
         this._breadcrumbConfiguration.next(configuration);
     }
 }
-BreadcrumbEventService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: BreadcrumbEventService, deps: [{ token: i1.SessionInfo }], target: i0.ɵɵFactoryTarget.Injectable });
-BreadcrumbEventService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: BreadcrumbEventService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: BreadcrumbEventService, decorators: [{
+BreadcrumbEventService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: BreadcrumbEventService, deps: [{ token: i1.SessionInfo }], target: i0.ɵɵFactoryTarget.Injectable });
+BreadcrumbEventService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: BreadcrumbEventService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: BreadcrumbEventService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

package/esm2020/foehn-breadcrumb/foehn-breadcrumb.component.mjs

@@ -65,9 +65,9 @@ export class FoehnBreadcrumbComponent {
         }
     }
 }
-FoehnBreadcrumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: FoehnBreadcrumbComponent, deps: [{ token: i1.BreadcrumbEventService }, { token: i2.Router }, { token: i3.FoehnConfirmModalService }, { token: i4.SessionInfo }], target: i0.ɵɵFactoryTarget.Component });
-FoehnBreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: FoehnBreadcrumbComponent, selector: "foehn-breadcrumb", inputs: { breadcrumbItems: "breadcrumbItems", currentNav: "currentNav", confirmLeavingAlert: "confirmLeavingAlert" }, ngImport: i0, template: "<nav\n    id=\"page-breadcrumb\"\n    aria-label=\"Fil d'Ariane\"\n    *ngIf=\"breadcrumbItems.length > 0\"\n>\n    <h2 class=\"sr-only\">Fil d'Ariane</h2>\n    <ol class=\"breadcrumb breadcrumb--override\">\n        <li class=\"breadcrumb-item\" *ngFor=\"let item of breadcrumbItems\">\n            <a\n                *ngIf=\"item.url || item.routerLink\"\n                (click)=\"$event.preventDefault(); confirmAndLeave(item)\"\n                href=\"#\"\n            >\n                {{ item.label }}\n            </a>\n            <ng-container *ngIf=\"!item.url && !item.routerLink\">\n                {{ item.label }}\n            </ng-container>\n        </li>\n        <li class=\"sr-only\" aria-current=\"page\" *ngIf=\"currentNav\">\n            {{ currentNav }}\n        </li>\n    </ol>\n</nav>\n", styles: [".breadcrumb--override{margin:0;padding:.75rem 0 2rem}\n"], dependencies: [{ kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: FoehnBreadcrumbComponent, decorators: [{
+FoehnBreadcrumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: FoehnBreadcrumbComponent, deps: [{ token: i1.BreadcrumbEventService }, { token: i2.Router }, { token: i3.FoehnConfirmModalService }, { token: i4.SessionInfo }], target: i0.ɵɵFactoryTarget.Component });
+FoehnBreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: FoehnBreadcrumbComponent, selector: "foehn-breadcrumb", inputs: { breadcrumbItems: "breadcrumbItems", currentNav: "currentNav", confirmLeavingAlert: "confirmLeavingAlert" }, ngImport: i0, template: "<nav\n    id=\"page-breadcrumb\"\n    aria-label=\"Fil d'Ariane\"\n    *ngIf=\"breadcrumbItems.length > 0\"\n>\n    <h2 class=\"sr-only\">Fil d'Ariane</h2>\n    <ol class=\"breadcrumb breadcrumb--override\">\n        <li class=\"breadcrumb-item\" *ngFor=\"let item of breadcrumbItems\">\n            <a\n                *ngIf=\"item.url || item.routerLink\"\n                (click)=\"$event.preventDefault(); confirmAndLeave(item)\"\n                href=\"#\"\n            >\n                {{ item.label }}\n            </a>\n            <ng-container *ngIf=\"!item.url && !item.routerLink\">\n                {{ item.label }}\n            </ng-container>\n        </li>\n        <li class=\"sr-only\" aria-current=\"page\" *ngIf=\"currentNav\">\n            {{ currentNav }}\n        </li>\n    </ol>\n</nav>\n", styles: [".breadcrumb--override{margin:0;padding:.75rem 0 2rem}\n"], dependencies: [{ kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: FoehnBreadcrumbComponent, decorators: [{
             type: Component,
             args: [{ selector: 'foehn-breadcrumb', template: "<nav\n    id=\"page-breadcrumb\"\n    aria-label=\"Fil d'Ariane\"\n    *ngIf=\"breadcrumbItems.length > 0\"\n>\n    <h2 class=\"sr-only\">Fil d'Ariane</h2>\n    <ol class=\"breadcrumb breadcrumb--override\">\n        <li class=\"breadcrumb-item\" *ngFor=\"let item of breadcrumbItems\">\n            <a\n                *ngIf=\"item.url || item.routerLink\"\n                (click)=\"$event.preventDefault(); confirmAndLeave(item)\"\n                href=\"#\"\n            >\n                {{ item.label }}\n            </a>\n            <ng-container *ngIf=\"!item.url && !item.routerLink\">\n                {{ item.label }}\n            </ng-container>\n        </li>\n        <li class=\"sr-only\" aria-current=\"page\" *ngIf=\"currentNav\">\n            {{ currentNav }}\n        </li>\n    </ol>\n</nav>\n", styles: [".breadcrumb--override{margin:0;padding:.75rem 0 2rem}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.BreadcrumbEventService }, { type: i2.Router }, { type: i3.FoehnConfirmModalService }, { type: i4.SessionInfo }]; }, propDecorators: { breadcrumbItems: [{

package/esm2020/foehn-breadcrumb/foehn-breadcrumb.module.mjs

@@ -5,10 +5,10 @@ import { FoehnBreadcrumbComponent } from './foehn-breadcrumb.component';
 import * as i0 from "@angular/core";
 export class FoehnBreadcrumbModule {
 }
-FoehnBreadcrumbModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: FoehnBreadcrumbModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-FoehnBreadcrumbModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.2", ngImport: i0, type: FoehnBreadcrumbModule, declarations: [FoehnBreadcrumbComponent], imports: [CommonModule, RouterModule], exports: [FoehnBreadcrumbComponent] });
-FoehnBreadcrumbModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: FoehnBreadcrumbModule, imports: [CommonModule, RouterModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: FoehnBreadcrumbModule, decorators: [{
+FoehnBreadcrumbModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: FoehnBreadcrumbModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FoehnBreadcrumbModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.4", ngImport: i0, type: FoehnBreadcrumbModule, declarations: [FoehnBreadcrumbComponent], imports: [CommonModule, RouterModule], exports: [FoehnBreadcrumbComponent] });
+FoehnBreadcrumbModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: FoehnBreadcrumbModule, imports: [CommonModule, RouterModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: FoehnBreadcrumbModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, RouterModule],

package/esm2020/foehn-checkables/foehn-checkable-group.component.mjs

@@ -272,9 +272,9 @@ export class FoehnCheckableGroupComponent extends FoehnInputComponent {
         }
     }
 }
-FoehnCheckableGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: FoehnCheckableGroupComponent, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
-FoehnCheckableGroupComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.2", type: FoehnCheckableGroupComponent, inputs: { elements: "elements", elementsUrl: "elementsUrl", elementValue: "elementValue", elementLabel: "elementLabel", elementValueIdentity: "elementValueIdentity", elementDisabled: "elementDisabled", elementGroup: "elementGroup", defaultElementValue: "defaultElementValue" }, outputs: { elementsLoaded: "elementsLoaded" }, usesInheritance: true, usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: FoehnCheckableGroupComponent, decorators: [{
+FoehnCheckableGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: FoehnCheckableGroupComponent, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
+FoehnCheckableGroupComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.4", type: FoehnCheckableGroupComponent, inputs: { elements: "elements", elementsUrl: "elementsUrl", elementValue: "elementValue", elementLabel: "elementLabel", elementValueIdentity: "elementValueIdentity", elementDisabled: "elementDisabled", elementGroup: "elementGroup", defaultElementValue: "defaultElementValue" }, outputs: { elementsLoaded: "elementsLoaded" }, usesInheritance: true, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: FoehnCheckableGroupComponent, decorators: [{
             type: Directive
         }], ctorParameters: function () { return [{ type: i0.NgZone }]; }, propDecorators: { elements: [{
                 type: Input

package/esm2020/foehn-checkables/foehn-checkables.module.mjs

@@ -14,8 +14,8 @@ import { FoehnSelectComponent } from './foehn-select.component';
 import * as i0 from "@angular/core";
 export class FoehnCheckablesModule {
 }
-FoehnCheckablesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: FoehnCheckablesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-FoehnCheckablesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.2", ngImport: i0, type: FoehnCheckablesModule, declarations: [FoehnCheckboxComponent,
+FoehnCheckablesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: FoehnCheckablesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FoehnCheckablesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.4", ngImport: i0, type: FoehnCheckablesModule, declarations: [FoehnCheckboxComponent,
         FoehnRadioComponent,
         FoehnSelectComponent], imports: [CommonModule,
         FormsModule,
@@ -29,7 +29,7 @@ FoehnCheckablesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", v
         FoehnRadioComponent,
         FoehnSelectComponent,
         FoehnAutocompleteModule] });
-FoehnCheckablesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: FoehnCheckablesModule, imports: [CommonModule,
+FoehnCheckablesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: FoehnCheckablesModule, imports: [CommonModule,
         FormsModule,
         FoehnIconsModule,
         HttpClientModule,
@@ -38,7 +38,7 @@ FoehnCheckablesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", v
         SdkDictionaryModule,
         FoehnHelpModalModule,
         FoehnModalModule, FoehnAutocompleteModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: FoehnCheckablesModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: FoehnCheckablesModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2020/foehn-checkables/foehn-checkbox.component.mjs

@@ -16,15 +16,15 @@ export class FoehnCheckboxComponent extends FoehnCheckableGroupComponent {
         this.multiple = true;
     }
 }
-FoehnCheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: FoehnCheckboxComponent, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-FoehnCheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: FoehnCheckboxComponent, selector: "foehn-checkbox", providers: [
+FoehnCheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: FoehnCheckboxComponent, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+FoehnCheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: FoehnCheckboxComponent, selector: "foehn-checkbox", providers: [
         {
             provide: FoehnInputComponent,
             useExisting: forwardRef(() => FoehnCheckboxComponent),
             multi: true
         }
     ], usesInheritance: true, ngImport: i0, template: "<div\n    [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n    [attr.id]=\"buildId('Container')\"\n    tabindex=\"-1\"\n>\n    <fieldset class=\"form-group\" [attr.aria-describedby]=\"getDescribedBy()\">\n        <div class=\"d-flex justify-content-between\">\n            <legend\n                *ngIf=\"!!label\"\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            <foehn-help-modal\n                class=\"removePaddingButton\"\n                *ngIf=\"!!helpModal\"\n                [modalContent]=\"helpModal\"\n            ></foehn-help-modal>\n        </div>\n\n        <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n        <div *ngIf=\"!elements\">Chargement...</div>\n\n        <small\n            *ngIf=\"helpText\"\n            [attr.id]=\"buildChildId() + 'Help'\"\n            class=\"form-text text-secondary\"\n            [innerHTML]=\"helpText\"\n        ></small>\n\n        <ng-content></ng-content>\n\n        <div\n            *ngFor=\"\n                let elementsGroup of groupedElements;\n                let groupIndex = index\n            \"\n        >\n            <!-- TODO remove aria-hidden and make this accessible -->\n            <div\n                *ngIf=\"!!elementsGroup.groupTitle\"\n                class=\"pt-2 font-weight-bold\"\n                [attr.id]=\"'checkGroup_' + groupIndex\"\n                aria-hidden=\"true\"\n            >\n                {{ elementsGroup.groupTitle | fromDictionary }}\n            </div>\n\n            <div\n                *ngFor=\"let element of elementsGroup.elements; let i = index\"\n                [class.disabled]=\"getDisabled(element)\"\n                class=\"form-check\"\n            >\n                <input\n                    class=\"form-check-input\"\n                    type=\"checkbox\"\n                    [value]=\"getValue(element)\"\n                    [ngModel]=\"isElementSelected(element)\"\n                    (ngModelChange)=\"onCheck(element, $event)\"\n                    [name]=\"buildChildName('' + groupIndex + '_' + i)\"\n                    [attr.name]=\"buildChildName('' + groupIndex + '_' + i)\"\n                    [attr.id]=\"buildChildId() + groupIndex + '_' + i\"\n                    [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n                    [attr.disabled]=\"getDisabled(element) ? 'disabled' : null\"\n                    [attr.autocomplete]=\"getAutoComplete()\"\n                    (change)=\"handleChange(model)\"\n                />\n                <label\n                    class=\"form-check-label\"\n                    [for]=\"buildChildId() + groupIndex + '_' + i\"\n                    [innerHTML]=\"getLabel(element)\"\n                ></label>\n            </div>\n        </div>\n    </fieldset>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }, { kind: "component", type: i4.FoehnHelpModalComponent, selector: "foehn-help-modal", inputs: ["modalContent"] }, { kind: "pipe", type: i5.SdkDictionaryPipe, name: "fromDictionary" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: FoehnCheckboxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: FoehnCheckboxComponent, decorators: [{
             type: Component,
             args: [{ selector: 'foehn-checkbox', providers: [
                         {

package/esm2020/foehn-checkables/foehn-radio.component.mjs

@@ -43,15 +43,15 @@ export class FoehnRadioComponent extends FoehnCheckableGroupComponent {
         return this.getValue(element);
     }
 }
-FoehnRadioComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: FoehnRadioComponent, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-FoehnRadioComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: FoehnRadioComponent, selector: "foehn-radio", providers: [
+FoehnRadioComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: FoehnRadioComponent, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+FoehnRadioComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: FoehnRadioComponent, selector: "foehn-radio", providers: [
         {
             provide: FoehnInputComponent,
             useExisting: forwardRef(() => FoehnRadioComponent),
             multi: true
         }
     ], usesInheritance: true, ngImport: i0, template: "<div\n    [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n    [attr.id]=\"buildId('Container')\"\n    tabindex=\"-1\"\n>\n    <fieldset class=\"form-group\" [attr.aria-describedby]=\"getDescribedBy()\">\n        <div class=\"d-flex justify-content-between\">\n            <legend\n                *ngIf=\"!!label\"\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            <foehn-help-modal\n                class=\"removePaddingButton\"\n                *ngIf=\"!!helpModal\"\n                [modalContent]=\"helpModal\"\n            ></foehn-help-modal>\n        </div>\n\n        <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n        <div *ngIf=\"!elements\">Chargement...</div>\n\n        <small\n            *ngIf=\"helpText\"\n            [attr.id]=\"buildChildId() + 'Help'\"\n            class=\"form-text text-secondary\"\n            [innerHTML]=\"helpText\"\n        ></small>\n\n        <ng-content></ng-content>\n        <div\n            *ngFor=\"\n                let elementsGroup of groupedElements;\n                let groupIndex = index\n            \"\n        >\n            <!-- TODO remove aria-hidden and make this accessible -->\n            <div\n                *ngIf=\"!!elementsGroup.groupTitle\"\n                class=\"pt-2 font-weight-bold\"\n                [attr.id]=\"'checkGroup_' + groupIndex\"\n                aria-hidden=\"true\"\n            >\n                {{ elementsGroup.groupTitle | fromDictionary }}\n            </div>\n            <div\n                *ngFor=\"let element of elementsGroup.elements; let i = index\"\n                [class.disabled]=\"getDisabled(element)\"\n                class=\"form-check\"\n            >\n                <input\n                    class=\"form-check-input\"\n                    type=\"radio\"\n                    [value]=\"getValueOrObject(element)\"\n                    [ngModel]=\"inputValue\"\n                    (ngModelChange)=\"onCheck(element, $event)\"\n                    [name]=\"buildChildName('' + groupIndex + '_' + i)\"\n                    [attr.name]=\"buildChildName('' + groupIndex + '_' + i)\"\n                    [attr.id]=\"buildChildId() + groupIndex + '_' + i\"\n                    [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n                    [attr.disabled]=\"getDisabled(element) ? 'disabled' : null\"\n                    [attr.autocomplete]=\"getAutoComplete()\"\n                    (change)=\"handleChange(getValue(element))\"\n                />\n                <label\n                    class=\"form-check-label\"\n                    [for]=\"buildChildId() + groupIndex + '_' + i\"\n                    [innerHTML]=\"getLabel(element)\"\n                ></label>\n            </div>\n        </div>\n    </fieldset>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }, { kind: "component", type: i4.FoehnHelpModalComponent, selector: "foehn-help-modal", inputs: ["modalContent"] }, { kind: "pipe", type: i5.SdkDictionaryPipe, name: "fromDictionary" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: FoehnRadioComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: FoehnRadioComponent, decorators: [{
             type: Component,
             args: [{ selector: 'foehn-radio', providers: [
                         {

package/esm2020/foehn-checkables/foehn-select.component.mjs

@@ -28,15 +28,15 @@ export class FoehnSelectComponent extends FoehnCheckableGroupComponent {
         return this.areValuesEquals(value1, value2);
     }
 }
-FoehnSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: FoehnSelectComponent, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-FoehnSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: FoehnSelectComponent, selector: "foehn-select", inputs: { multiple: "multiple", noSelectionLabel: "noSelectionLabel" }, providers: [
+FoehnSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: FoehnSelectComponent, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+FoehnSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: FoehnSelectComponent, selector: "foehn-select", inputs: { multiple: "multiple", noSelectionLabel: "noSelectionLabel" }, providers: [
         {
             provide: FoehnInputComponent,
             useExisting: forwardRef(() => FoehnSelectComponent),
             multi: true
         }
     ], usesInheritance: true, ngImport: i0, template: "<div\n    class=\"form-group\"\n    [class.has-danger]=\"hasErrorsToDisplay()\"\n    [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n    [attr.id]=\"buildId('Container')\"\n    tabindex=\"-1\"\n>\n    <div class=\"d-flex justify-content-between\">\n        <label\n            [attr.for]=\"buildChildId()\"\n            *ngIf=\"!!label\"\n            [ngClass]=\"isLabelSrOnly ? 'sr-only' : labelStyleModifier\"\n        >\n            <span [innerHTML]=\"label\"></span>\n            <span\n                *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n                aria-hidden=\"true\"\n            >\n                {{ 'foehn-input.optional' | fromDictionary }}\n            </span>\n        </label>\n        <foehn-help-modal\n            class=\"removePaddingButton\"\n            *ngIf=\"!!helpModal\"\n            [modalContent]=\"helpModal\"\n        ></foehn-help-modal>\n    </div>\n\n    <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n    <div *ngIf=\"!elements\">Chargement...</div>\n\n    <small\n        *ngIf=\"helpText\"\n        [attr.id]=\"buildChildId() + 'Help'\"\n        class=\"form-text text-secondary\"\n        [innerHTML]=\"helpText\"\n    ></small>\n\n    <ng-content></ng-content>\n\n    <select\n        *ngIf=\"!multiple\"\n        [class.is-invalid]=\"hasErrorsToDisplay() || hasInheritErrorFromParent()\"\n        class=\"form-control\"\n        [name]=\"name || label\"\n        [attr.id]=\"buildChildId()\"\n        [attr.disabled]=\"disabled ? 'disabled' : null\"\n        [attr.aria-describedby]=\"getDescribedBy()\"\n        [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n        [attr.aria-required]=\"required || null\"\n        [attr.autocomplete]=\"getAutoComplete()\"\n        [ngModel]=\"model\"\n        (ngModelChange)=\"updateNgModel($event)\"\n        [compareWith]=\"compareFn.bind(this)\"\n        (change)=\"handleChange(model)\"\n        #entryComponent\n        ngDefaultControl\n    >\n        <option *ngIf=\"!required\" [ngValue]=\"null\">\n            {{ noSelectionLabel }}\n        </option>\n        <option\n            *ngFor=\"let element of elements\"\n            [ngValue]=\"getValue(element)\"\n            [attr.selected]=\"isElementSelected(element) ? 'selected' : null\"\n            [attr.disabled]=\"getDisabled(element) ? 'disabled' : null\"\n        >\n            {{ getLabel(element) }}\n        </option>\n    </select>\n    <select\n        *ngIf=\"multiple\"\n        multiple\n        [attr.aria-multiselectable]=\"true\"\n        [class.is-invalid]=\"hasErrorsToDisplay() || hasInheritErrorFromParent()\"\n        class=\"form-control\"\n        [name]=\"name || label\"\n        [attr.id]=\"buildChildId()\"\n        [attr.disabled]=\"disabled ? 'disabled' : null\"\n        [attr.aria-describedby]=\"getDescribedBy()\"\n        [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n        [attr.aria-required]=\"required || null\"\n        [ngModel]=\"model\"\n        (ngModelChange)=\"updateNgModel($event)\"\n        [compareWith]=\"compareFn.bind(this)\"\n        (change)=\"handleChange(model)\"\n        #entryComponent\n        ngDefaultControl\n    >\n        <option\n            *ngFor=\"let element of elements\"\n            [ngValue]=\"getValue(element)\"\n            [attr.selected]=\"isElementSelected(element) ? 'selected' : null\"\n            [attr.aria-selected]=\"isElementSelected(element)\"\n        >\n            {{ getLabel(element) }}\n        </option>\n    </select>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.SelectMultipleControlValueAccessor, selector: "select[multiple][formControlName],select[multiple][formControl],select[multiple][ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }, { kind: "component", type: i4.FoehnHelpModalComponent, selector: "foehn-help-modal", inputs: ["modalContent"] }, { kind: "pipe", type: i5.SdkDictionaryPipe, name: "fromDictionary" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: FoehnSelectComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: FoehnSelectComponent, decorators: [{
             type: Component,
             args: [{ selector: 'foehn-select', providers: [
                         {

package/esm2020/foehn-confirm-modal/foehn-confirm-modal.component.mjs

@@ -31,9 +31,9 @@ export class FoehnConfirmModalComponent {
         this.isVisible = status;
     }
 }
-FoehnConfirmModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: FoehnConfirmModalComponent, deps: [{ token: i1.FoehnConfirmModalService }], target: i0.ɵɵFactoryTarget.Component });
-FoehnConfirmModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: FoehnConfirmModalComponent, selector: "foehn-confirm-modal", ngImport: i0, 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", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.FoehnModalComponent, selector: "foehn-modal", inputs: ["id", "name", "modalSize", "modalBodyText", "modalHeaderText", "closeable", "modalTriggerHtmlElement", "isModalVisible"], outputs: ["isModalVisibleChange"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: FoehnConfirmModalComponent, decorators: [{
+FoehnConfirmModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: FoehnConfirmModalComponent, deps: [{ token: i1.FoehnConfirmModalService }], target: i0.ɵɵFactoryTarget.Component });
+FoehnConfirmModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: FoehnConfirmModalComponent, selector: "foehn-confirm-modal", ngImport: i0, 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", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.FoehnModalComponent, selector: "foehn-modal", inputs: ["id", "name", "modalSize", "modalBodyText", "modalHeaderText", "closeable", "modalTriggerHtmlElement", "isModalVisible"], outputs: ["isModalVisibleChange"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: FoehnConfirmModalComponent, decorators: [{
             type: Component,
             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: i1.FoehnConfirmModalService }]; } });