@dsivd/prestations-ng 16.0.0-rc.8 → 16.0.0

package/CHANGELOG.md

@@ -37,8 +37,24 @@ A change is considered **breaking** if you have to change your code or update yo
   - added field `isComment: boolean`, used to display comments without a label below the other elements of the section
 
 - [foehn-simple-navigation.component.html](projects/prestations-ng/src/foehn-navigation/foehn-simple-navigation/foehn-simple-navigation.component.html)
-    - added simple navigation bar, used in list detail pages because the foehn-navigation does not properly fit in this type of pages
+  - added simple navigation bar, used in list detail pages because the foehn-navigation does not properly fit in this type of pages
 
+- [foehn-form.component.html](projects/prestations-ng/src/foehn-form/foehn-form.component.html)
+  - added accessibility on form (`aria-live="polite"` and `aria-atomic="false"`)
+
+- [foehn-dropdown-menu](projects/prestations-ng/src/foehn-dropdown-menu/foehn-dropdown-menu.component.ts)
+  - added a dropdown menu or group menu component
+
+- New [dropdown menu documentation](https://dsi-vd.github.io/prestations-ng/dropdown-menu) page
+
+- [foehn-dropdown-menu](projects/prestations-ng/src/foehn-dropdown-menu/foehn-dropdown-menu.component.ts)
+  - `@Input() id: string` used to identify dropdown-menu
+  - `@Input() model: DropdownMenuGroup[]` used to display dropdown-menu
+  - `@Input() btnCssClass = 'btn-secondary'` used to define the CSS class of the dropdown menu button, by default is a secondary button
+
+- [DropdownMenuGroup](projects/prestations-ng/src/foehn-dropdown-menu/dropdown-menu-group.type.ts)
+- [DropdownMenuItem](projects/prestations-ng/src/foehn-dropdown-menu/dropdown-menu-item.type.ts)
+  - Classes used to define dropdown-menu model
 
 ### Updated
 
@@ -46,7 +62,24 @@ A change is considered **breaking** if you have to change your code or update yo
   - added a `<legend>` to describe the selected items
     - defaults to `foehn-multiselect-autocomplete.selected-items-list-legend` from `default-dictionary.ts`
     - can be overriden on each component with `@Input() selectedItemsListLegend`
-  - selected pills now have the color `primary`instead of `danger`
+  - selected pills now have the color `primary` instead of `danger`
+
+- [gesdem-confirmation.component.ts](projects/prestations-ng/src/gesdem-confirmation/gesdem-confirmation.component.ts)
+  - allow to override button "Se déconnecter" (label + link) (when user is connected)
+    - via `@Input() closeButtonConnectedText` + `@Input() closeHrefConnected` 
+    - via route data : `closeButtonConnectedText` + `closeHrefConnected`
+    - default value for label is `gesdem-confirmation.exit-button-connected` from dictionary
+    - default value for link is `/100018/logout`
+
+- [demo-accessibility-page.component.html](src/app/demo-accessibility-page/demo-accessibility-page.component.html)
+  - updated accessibility page to include dropdown menu
+
+- [foehn-header.component.html](projects/prestations-ng/src/foehn-header/foehn-header.component.html)
+- [foehn-header.component.ts](projects/prestations-ng/src/foehn-header/foehn-header.component.ts)
+  - updated header to include new dropdown menu
+
+- [gesdem-handler.service.ts](projects/prestations-ng/src/gesdem/gesdem-handler.service.ts)
+  - do not display a success message when downloading the PDF
 
 ### Removed
 
@@ -64,6 +97,74 @@ A change is considered **breaking** if you have to change your code or update yo
 - [gesdem-loader.guard](projects/prestations-ng/src/gesdem/gesdem-loader.guard.ts)
   - removed `GesdemLoaderGuard` service extending `CanActivate` and replaced it by `CanActivateFn` function 
 
+
+## [15.5.15]
+
+### Fixed
+
+- [foehn-input-date-time.ts](projects/prestations-ng/src/foehn-input-date-time/foehn-input-date-time.component.ts)
+  - fixed time input (hours and seconds) not accepting 0 as number value
+
+### Added
+
+- [date-helper.ts](projects/prestations-ng/src/sdk-date/date.helper.ts)
+  - added `leftPad` function taken from `FoehnDateTimeComponent` and `FoehnTimeComponent` and fixed not adding 0 on empty string
+
+### Updated
+
+- [foehn-input-time.ts](projects/prestations-ng/src/foehn-input-time/foehn-input-time.component.ts)
+- [foehn-input-date-time.ts](projects/prestations-ng/src/foehn-input-date-time/foehn-input-date-time.component.ts)
+  - now uses `leftPad` function from `DateHelper`
+
+## [15.5.14]
+
+### Fixed
+
+- [foehn-input-time.ts](projects/prestations-ng/src/foehn-input-time/foehn-input-time.component.ts)
+  - fixed model not being updated properly
+
+- [foehn-input-prefixed-text.ts](projects/prestations-ng/src/foehn-input/foehn-input-prefixed-text.component.ts)
+  - fixed model not being updated properly when prefix changes
+
+## [15.5.13]
+
+**Version has been deprecated**
+
+## [15.5.12]
+
+### Added
+
+- [foehn-input-prefixed-text.ts](projects/prestations-ng/src/foehn-input/foehn-input-prefixed-text.component.ts)
+  - new text input to request a text with a read-only prefix
+  - `@Input prefix: string` : the read-only prefix
+  - `@Input() prefixColClass = 'col-md-4'` : the class applied to the foehn-input-text of the prefix part
+  - `@Input() textColClass = 'col-md-8'` : the class applied to the foehn-input-text of the user text part
+
+- [gesdem-confirmation.component.ts](projects/prestations-ng/src/gesdem-confirmation/gesdem-confirmation.component.ts)
+    - go to top of the page when component initializes (same as [abstract-page-component.ts](projects/prestations-ng/src/abstract-page-component.ts)).
+
+### Fixed
+
+- [multi-upload.service.ts](projects/prestations-ng/src/foehn-upload/foehn-multi-upload/multi-upload.service.ts)
+- [bo-multi-upload.service.ts](projects/prestations-ng/src/foehn-upload/foehn-bo-multi-upload/bo-multi-upload.service.ts)
+  - timestamp used in document `key` for multiple uploads is now generated when calling `mapToDocumentReference` (not when service is created).
+
+## [15.5.10]
+
+### Added
+
+- [foehn-multi-upload.component.ts](projects/prestations-ng/src/foehn-upload/foehn-multi-upload/foehn-multi-upload.component.ts)
+- [foehn-bo-multi-upload.component.ts](projects/prestations-ng/src/foehn-upload/foehn-bo-multi-upload/foehn-bo-multi-upload.component.ts)
+  - added `@Input() maxSimultaneousSelectedFiles = 50;`
+  - prevents the upload of more than `maxSimultaneousSelectedFiles` files at once and display an alert from default-dictionary.ts (`foehn-uploader.max-upload-selection-reached`)
+
+## [15.5.9]
+
+### Updated
+
+- [foehn-recap-section.component.html](projects/prestations-ng/src/foehn-recap-section/foehn-recap-section.component.html)
+    - removed class `font-weight-light` for `dt` elements. By default, `dt` it is bold.
+
 ## [15.5.8]
 
 ### Fixed

package/esm2020/abstract-page-component.mjs

@@ -217,9 +217,9 @@ export class AbstractPageComponent {
         window.scrollTo(0, 0);
     }
 }
-AbstractPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: AbstractPageComponent, deps: [{ token: i1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Directive });
-AbstractPageComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.0", type: AbstractPageComponent, viewQueries: [{ propertyName: "foehnFormComponent", first: true, predicate: FoehnFormComponent, descendants: true, static: true }], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: AbstractPageComponent, decorators: [{
+AbstractPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: AbstractPageComponent, deps: [{ token: i1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Directive });
+AbstractPageComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.2", type: AbstractPageComponent, viewQueries: [{ propertyName: "foehnFormComponent", first: true, predicate: FoehnFormComponent, descendants: true, static: true }], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: AbstractPageComponent, decorators: [{
             type: Directive
         }], ctorParameters: function () { return [{ type: i1.ActivatedRoute }]; }, propDecorators: { foehnFormComponent: [{
                 type: ViewChild,

package/esm2020/directives/currency-formatter.directive.mjs

@@ -125,9 +125,9 @@ export class NumberCurrencyFormatterDirective {
             this.host.model.toString() !== newValueWithoutFormatting);
     }
 }
-NumberCurrencyFormatterDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: NumberCurrencyFormatterDirective, deps: [{ token: i1.FoehnInputNumberComponent }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
-NumberCurrencyFormatterDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.0", type: NumberCurrencyFormatterDirective, selector: "[numberCurrencyFormatter]", host: { listeners: { "blur": "onBlur($event.target.value)", "focus": "onFocus($event.target.value)", "modelChange": "onModelChange($event)" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: NumberCurrencyFormatterDirective, decorators: [{
+NumberCurrencyFormatterDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: NumberCurrencyFormatterDirective, deps: [{ token: i1.FoehnInputNumberComponent }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
+NumberCurrencyFormatterDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.2", type: NumberCurrencyFormatterDirective, selector: "[numberCurrencyFormatter]", host: { listeners: { "blur": "onBlur($event.target.value)", "focus": "onFocus($event.target.value)", "modelChange": "onModelChange($event)" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: NumberCurrencyFormatterDirective, decorators: [{
             type: Directive,
             args: [{ selector: '[numberCurrencyFormatter]' }]
         }], ctorParameters: function () { return [{ type: i1.FoehnInputNumberComponent }, { type: i0.NgZone }]; }, propDecorators: { onBlur: [{

package/esm2020/directives/formatter.module.mjs

@@ -7,16 +7,16 @@ import { NDCFormatterDirective } from './ndc-formatter.directive';
 import * as i0 from "@angular/core";
 export class FormatterModule {
 }
-FormatterModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: FormatterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-FormatterModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.0", ngImport: i0, type: FormatterModule, declarations: [NDCFormatterDirective,
+FormatterModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: FormatterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FormatterModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.2", ngImport: i0, type: FormatterModule, declarations: [NDCFormatterDirective,
         NumberCurrencyFormatterDirective,
         IdeFormatterDirective,
         IbanFormatterDirective], imports: [FoehnInputModule], exports: [NDCFormatterDirective,
         NumberCurrencyFormatterDirective,
         IdeFormatterDirective,
         IbanFormatterDirective] });
-FormatterModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: FormatterModule, imports: [FoehnInputModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: FormatterModule, decorators: [{
+FormatterModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: FormatterModule, imports: [FoehnInputModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: FormatterModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [FoehnInputModule],

package/esm2020/directives/iban-formatter.directive.mjs

@@ -17,9 +17,9 @@ export class IbanFormatterDirective {
         return iban.printFormat(value, ' ');
     }
 }
-IbanFormatterDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: IbanFormatterDirective, deps: [{ token: i1.FoehnInputTextComponent }], target: i0.ɵɵFactoryTarget.Directive });
-IbanFormatterDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.0", type: IbanFormatterDirective, selector: "[ibanFormatter]", host: { listeners: { "blur": "onBlur($event.target.value)" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: IbanFormatterDirective, decorators: [{
+IbanFormatterDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: IbanFormatterDirective, deps: [{ token: i1.FoehnInputTextComponent }], target: i0.ɵɵFactoryTarget.Directive });
+IbanFormatterDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.2", type: IbanFormatterDirective, selector: "[ibanFormatter]", host: { listeners: { "blur": "onBlur($event.target.value)" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: IbanFormatterDirective, decorators: [{
             type: Directive,
             args: [{ selector: '[ibanFormatter]' }]
         }], ctorParameters: function () { return [{ type: i1.FoehnInputTextComponent }]; }, propDecorators: { onBlur: [{

package/esm2020/directives/ide-formatter.directive.mjs

@@ -26,9 +26,9 @@ export class IdeFormatterDirective {
         return trimmedValue.replace(new RegExp(IDE_PATTERN, 'g'), 'CHE-$1.$2.$3');
     }
 }
-IdeFormatterDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: IdeFormatterDirective, deps: [{ token: i1.FoehnInputTextComponent }], target: i0.ɵɵFactoryTarget.Directive });
-IdeFormatterDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.0", type: IdeFormatterDirective, selector: "[ideFormatter]", host: { listeners: { "blur": "onBlur($event.target.value)" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: IdeFormatterDirective, decorators: [{
+IdeFormatterDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: IdeFormatterDirective, deps: [{ token: i1.FoehnInputTextComponent }], target: i0.ɵɵFactoryTarget.Directive });
+IdeFormatterDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.2", type: IdeFormatterDirective, selector: "[ideFormatter]", host: { listeners: { "blur": "onBlur($event.target.value)" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: IdeFormatterDirective, decorators: [{
             type: Directive,
             args: [{ selector: '[ideFormatter]' }]
         }], ctorParameters: function () { return [{ type: i1.FoehnInputTextComponent }]; }, propDecorators: { onBlur: [{

package/esm2020/directives/ndc-formatter.directive.mjs

@@ -64,9 +64,9 @@ export class NDCFormatterDirective {
         return digits.replace(new RegExp(NO_CONTRIB_PATTERN_WITH_TWO_DOTS, 'g'), '$1.$2.$3');
     }
 }
-NDCFormatterDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: NDCFormatterDirective, deps: [{ token: i1.FoehnInputTextComponent }], target: i0.ɵɵFactoryTarget.Directive });
-NDCFormatterDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.0", type: NDCFormatterDirective, selector: "[ndcFormatter]", host: { listeners: { "blur": "onBlur($event.target.value)" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: NDCFormatterDirective, decorators: [{
+NDCFormatterDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: NDCFormatterDirective, deps: [{ token: i1.FoehnInputTextComponent }], target: i0.ɵɵFactoryTarget.Directive });
+NDCFormatterDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.2", type: NDCFormatterDirective, selector: "[ndcFormatter]", host: { listeners: { "blur": "onBlur($event.target.value)" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: NDCFormatterDirective, decorators: [{
             type: Directive,
             args: [{ selector: '[ndcFormatter]' }]
         }], ctorParameters: function () { return [{ type: i1.FoehnInputTextComponent }]; }, propDecorators: { onBlur: [{

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

@@ -11,8 +11,8 @@ import { FoehnInputForeignStreetComponent } from './foehn-input-foreign-street.c
 import * as i0 from "@angular/core";
 export class FoehnAddressModule {
 }
-FoehnAddressModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: FoehnAddressModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-FoehnAddressModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.0", ngImport: i0, type: FoehnAddressModule, declarations: [FoehnInputAddressComponent,
+FoehnAddressModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: FoehnAddressModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FoehnAddressModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.2", ngImport: i0, type: FoehnAddressModule, declarations: [FoehnInputAddressComponent,
         FoehnDisplayAddressComponent,
         FoehnInputForeignLocalityComponent,
         FoehnInputForeignStreetComponent], imports: [CommonModule,
@@ -23,12 +23,12 @@ FoehnAddressModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", vers
         FoehnDisplayAddressComponent,
         FoehnInputForeignLocalityComponent,
         FoehnInputForeignStreetComponent] });
-FoehnAddressModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: FoehnAddressModule, imports: [CommonModule,
+FoehnAddressModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: FoehnAddressModule, imports: [CommonModule,
         SdkDictionaryModule,
         FoehnAutocompleteModule,
         FoehnInputModule,
         FoehnValidationAlertsModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: FoehnAddressModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: FoehnAddressModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2020/foehn-address/foehn-display-address.component.mjs

@@ -59,9 +59,9 @@ export class FoehnDisplayAddressComponent {
         return lines;
     }
 }
-FoehnDisplayAddressComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: FoehnDisplayAddressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FoehnDisplayAddressComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: FoehnDisplayAddressComponent, selector: "foehn-display-address", inputs: { address: "address" }, ngImport: i0, template: "<address class=\"foehn-address\" *ngIf=\"address\">\n    <div *ngFor=\"let addressLine of getLines(address)\">{{ addressLine }}</div>\n</address>\n", styles: [".foehn-address{margin:0;padding:0}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: FoehnDisplayAddressComponent, decorators: [{
+FoehnDisplayAddressComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: FoehnDisplayAddressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FoehnDisplayAddressComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.2", type: FoehnDisplayAddressComponent, selector: "foehn-display-address", inputs: { address: "address" }, ngImport: i0, template: "<address class=\"foehn-address\" *ngIf=\"address\">\n    <div *ngFor=\"let addressLine of getLines(address)\">{{ addressLine }}</div>\n</address>\n", styles: [".foehn-address{margin:0;padding:0}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: FoehnDisplayAddressComponent, decorators: [{
             type: Component,
             args: [{ selector: 'foehn-display-address', template: "<address class=\"foehn-address\" *ngIf=\"address\">\n    <div *ngFor=\"let addressLine of getLines(address)\">{{ addressLine }}</div>\n</address>\n", styles: [".foehn-address{margin:0;padding:0}\n"] }]
         }], propDecorators: { address: [{

package/esm2020/foehn-address/foehn-input-address.component.mjs

@@ -338,15 +338,15 @@ export class FoehnInputAddressComponent extends FoehnInputComponent {
             this.isEmpty(this.addressLine2));
     }
 }
-FoehnInputAddressComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: FoehnInputAddressComponent, deps: [{ token: i1.HttpClient }, { token: i0.NgZone }, { token: i2.SdkDictionaryService }], target: i0.ɵɵFactoryTarget.Component });
-FoehnInputAddressComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: FoehnInputAddressComponent, selector: "foehn-input-address", inputs: { countriesUrl: "countriesUrl", isOnlySwiss: "isOnlySwiss", showPostOfficeBoxText: "showPostOfficeBoxText", showAdressLines: "showAdressLines", showAdressLine1: "showAdressLine1", showAdressLine2: "showAdressLine2", specifiedCanton: "specifiedCanton", countryRequired: "countryRequired", swissNpaLocalityRequired: "swissNpaLocalityRequired", streetRequired: "streetRequired", streetNumberRequired: "streetNumberRequired", foreignZipCodeRequired: "foreignZipCodeRequired", foreignLocalityRequired: "foreignLocalityRequired", foreignStreetRequired: "foreignStreetRequired", foreignStreetNumberRequired: "foreignStreetNumberRequired", postOfficeBoxTextRequired: "postOfficeBoxTextRequired", addressLine1Required: "addressLine1Required", addressLine2Required: "addressLine2Required", withCompanyLocalities: "withCompanyLocalities" }, providers: [
+FoehnInputAddressComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: FoehnInputAddressComponent, deps: [{ token: i1.HttpClient }, { token: i0.NgZone }, { token: i2.SdkDictionaryService }], target: i0.ɵɵFactoryTarget.Component });
+FoehnInputAddressComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.2", type: FoehnInputAddressComponent, selector: "foehn-input-address", inputs: { countriesUrl: "countriesUrl", isOnlySwiss: "isOnlySwiss", showPostOfficeBoxText: "showPostOfficeBoxText", showAdressLines: "showAdressLines", showAdressLine1: "showAdressLine1", showAdressLine2: "showAdressLine2", specifiedCanton: "specifiedCanton", countryRequired: "countryRequired", swissNpaLocalityRequired: "swissNpaLocalityRequired", streetRequired: "streetRequired", streetNumberRequired: "streetNumberRequired", foreignZipCodeRequired: "foreignZipCodeRequired", foreignLocalityRequired: "foreignLocalityRequired", foreignStreetRequired: "foreignStreetRequired", foreignStreetNumberRequired: "foreignStreetNumberRequired", postOfficeBoxTextRequired: "postOfficeBoxTextRequired", addressLine1Required: "addressLine1Required", addressLine2Required: "addressLine2Required", withCompanyLocalities: "withCompanyLocalities" }, providers: [
         {
             provide: FoehnInputComponent,
             useExisting: forwardRef(() => FoehnInputAddressComponent),
             multi: true
         }
     ], viewQueries: [{ propertyName: "foreignLocalityComponent", first: true, predicate: FoehnInputForeignLocalityComponent, descendants: true }, { propertyName: "foreignStreetComponent", first: true, predicate: FoehnInputForeignStreetComponent, descendants: true }, { propertyName: "foreignHouseNumber", first: true, predicate: ["foreignHouseNumber"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div\n    [attr.id]=\"buildId() + 'Container'\"\n    class=\"form-group\"\n    [class.has-danger]=\"hasErrorsToDisplay()\"\n    [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n    [tabIndex]=\"-1\"\n>\n    <fieldset\n        class=\"mb-3\"\n        [attr.aria-describedby]=\"getDescribedBy()\"\n        [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n    >\n        <legend *ngIf=\"!!label\" [ngClass]=\"isLabelSrOnly ? 'sr-only' : 'vd-p'\">\n            <span [innerHTML]=\"label\"></span>\n            <span\n                *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n                aria-hidden=\"true\"\n            >\n                {{ 'foehn-input.optional' | fromDictionary }}\n            </span>\n        </legend>\n\n        <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n        <small\n            *ngIf=\"helpText\"\n            [attr.id]=\"buildId() + 'Help'\"\n            class=\"text-secondary\"\n            [innerHTML]=\"helpText\"\n        ></small>\n\n        <ng-content></ng-content>\n\n        <foehn-autocomplete\n            *ngIf=\"!isOnlySwiss\"\n            [label]=\"'foehn-input-address.country.label' | fromDictionary\"\n            [elements]=\"countries | async\"\n            elementLabel=\"shortNameFr\"\n            [elementValue]=\"identity\"\n            [elementValueIdentity]=\"countryIdentity\"\n            (modelChange)=\"countryUpdated($event)\"\n            (userInput)=\"userInputCountry()\"\n            [model]=\"country\"\n            [name]=\"name + '.country'\"\n            [required]=\"countryRequired\"\n            [disabled]=\"disabled\"\n        ></foehn-autocomplete>\n\n        <ng-container *ngIf=\"isSwiss()\">\n            <foehn-autocomplete\n                [label]=\"'foehn-input-address.locality.label' | fromDictionary\"\n                [elements]=\"localities | async\"\n                [elementLabel]=\"getLocalityDisplayedName\"\n                [elementValue]=\"identity\"\n                [elementValueIdentity]=\"localityIdentity\"\n                (modelChange)=\"localityUpdated($event)\"\n                (userInput)=\"userInputLocality($event)\"\n                [model]=\"locality\"\n                [name]=\"name + '.locality'\"\n                [allowCustomValue]=\"disabled\"\n                [required]=\"swissNpaLocalityRequired\"\n                [disabled]=\"!country || disabled\"\n            ></foehn-autocomplete>\n\n            <foehn-autocomplete\n                [label]=\"'foehn-input-address.street.label' | fromDictionary\"\n                [elements]=\"streets | async\"\n                elementLabel=\"longName\"\n                [elementValue]=\"identity\"\n                [elementValueIdentity]=\"streetIdentity\"\n                (modelChange)=\"streetUpdated($event)\"\n                [model]=\"street\"\n                [name]=\"name + '.street'\"\n                [allowCustomValue]=\"true\"\n                [customValueModelGenerator]=\"streetGenerator\"\n                [required]=\"isStreetRequired()\"\n                [helpText]=\"\n                    'foehn-input-address.street.help-text' | fromDictionary\n                \"\n                [customErrors]=\"streetCustomErrors\"\n                (userInput)=\"userInputStreet($event)\"\n                [disabled]=\"!country || disabled\"\n            ></foehn-autocomplete>\n\n            <foehn-autocomplete\n                [label]=\"\n                    'foehn-input-address.houseNumber.label' | fromDictionary\n                \"\n                [elements]=\"streetNumbers | async\"\n                elementLabel=\"name\"\n                elementValue=\"name\"\n                [(model)]=\"houseNumber\"\n                [name]=\"name + '.houseNumber'\"\n                [allowCustomValue]=\"true\"\n                [helpText]=\"\n                    'foehn-input-address.houseNumber.help-text' | fromDictionary\n                \"\n                (modelChange)=\"updateAddress()\"\n                (userInput)=\"handleUserInput()\"\n                [required]=\"streetNumberRequired\"\n                [disabled]=\"!country || disabled\"\n            ></foehn-autocomplete>\n        </ng-container>\n\n        <ng-container *ngIf=\"!isSwiss()\">\n            <!--\n            Component <foehn-input-foreign-locality> is special because we use the same model when swiss or foreigner.\n            To do so, we need:\n                - Errors will be bind on 'locality' when NULL or on 'zipCode' and 'longName' model inside component when EMPTY\n                - Hide label from component because we need label from children to be displayed (isLabelSrOnly: true)\n                - required and disabled params are transmitted to children\n             -->\n            <foehn-input-foreign-locality\n                [label]=\"'foehn-input-address.locality.label' | fromDictionary\"\n                [name]=\"name + '.locality'\"\n                [(model)]=\"locality\"\n                [zipCodeRequired]=\"foreignZipCodeRequired\"\n                [localityRequired]=\"foreignLocalityRequired\"\n                [isLabelSrOnly]=\"true\"\n                [disabled]=\"!country || disabled\"\n                (modelChange)=\"updateAddress()\"\n                (userInput)=\"handleUserInput()\"\n            ></foehn-input-foreign-locality>\n            <!--\n            Component <foehn-input-foreign-street> is special because we use the same model when swiss or foreigner.\n            To do so, we need:\n                - Errors will be bind on 'street' when NULL or on 'longName' model inside component when EMPTY\n                - required, helpText, isLabelSrOnly and disabled  params are transmitted to children\n             -->\n            <foehn-input-foreign-street\n                [label]=\"'foehn-input-address.street.label' | fromDictionary\"\n                [name]=\"name + '.street'\"\n                [(model)]=\"street\"\n                [required]=\"isForeignStreetRequired()\"\n                [helpText]=\"\n                    'foehn-input-address.street.help-text' | fromDictionary\n                \"\n                [customErrors]=\"streetCustomErrors\"\n                [disabled]=\"!country || disabled\"\n                (modelChange)=\"updateAddress()\"\n                (userInput)=\"handleUserInput()\"\n            ></foehn-input-foreign-street>\n\n            <foehn-input-text\n                #foreignHouseNumber\n                [label]=\"\n                    'foehn-input-address.houseNumber.label' | fromDictionary\n                \"\n                [name]=\"name + '.houseNumber'\"\n                [(model)]=\"houseNumber\"\n                [helpText]=\"\n                    'foehn-input-address.houseNumber.help-text' | fromDictionary\n                \"\n                [disabled]=\"!country || disabled\"\n                (modelChange)=\"updateAddress()\"\n                (userInput)=\"handleUserInput()\"\n                [required]=\"foreignStreetNumberRequired\"\n            ></foehn-input-text>\n        </ng-container>\n\n        <foehn-input-text\n            *ngIf=\"showPostOfficeBoxText\"\n            [(model)]=\"postOfficeBoxText\"\n            [helpText]=\"\n                'foehn-input-address.postOfficeBoxText.help-text'\n                    | fromDictionary\n            \"\n            [label]=\"\n                'foehn-input-address.postOfficeBoxText.label' | fromDictionary\n            \"\n            [name]=\"name + '.postOfficeBoxText'\"\n            (modelChange)=\"updateAddress()\"\n            (userInput)=\"handleUserInput()\"\n            [required]=\"isPostOfficeBoxTextRequired()\"\n            [disabled]=\"disabled\"\n        ></foehn-input-text>\n\n        <foehn-input-text\n            *ngIf=\"showAdressLines && showAdressLine1\"\n            [(model)]=\"addressLine1\"\n            [label]=\"'foehn-input-address.addressLine1.label' | fromDictionary\"\n            [name]=\"name + '.addressLine1'\"\n            (modelChange)=\"updateAddress()\"\n            (userInput)=\"handleUserInput()\"\n            [required]=\"addressLine1Required\"\n            [autocomplete]=\"'address-line2'\"\n            [disabled]=\"disabled\"\n        ></foehn-input-text>\n\n        <foehn-input-text\n            *ngIf=\"showAdressLines && showAdressLine2\"\n            [(model)]=\"addressLine2\"\n            [label]=\"'foehn-input-address.addressLine2.label' | fromDictionary\"\n            [name]=\"name + '.addressLine2'\"\n            (modelChange)=\"updateAddress()\"\n            (userInput)=\"handleUserInput()\"\n            [required]=\"addressLine2Required\"\n            [autocomplete]=\"'address-line3'\"\n            [disabled]=\"disabled\"\n        ></foehn-input-text>\n    </fieldset>\n</div>\n", dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.FoehnAutocompleteComponent, selector: "foehn-autocomplete", inputs: ["searchValueMinCharsCount", "allowCustomValue", "customValueModelGenerator", "itemHeightInSuggestionListInPx", "elementSuggestionLabel", "caseSensitiveSearch", "disabled"] }, { kind: "component", type: i5.FoehnInputTextComponent, selector: "foehn-input-text", inputs: ["numberOnly"] }, { kind: "component", type: i6.FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }, { kind: "component", type: i7.FoehnInputForeignLocalityComponent, selector: "foehn-input-foreign-locality", inputs: ["localityRequired", "zipCodeRequired"] }, { kind: "component", type: i8.FoehnInputForeignStreetComponent, selector: "foehn-input-foreign-street" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i9.SdkDictionaryPipe, name: "fromDictionary" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: FoehnInputAddressComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: FoehnInputAddressComponent, decorators: [{
             type: Component,
             args: [{ selector: 'foehn-input-address', providers: [
                         {

package/esm2020/foehn-address/foehn-input-foreign-locality.component.mjs

@@ -41,15 +41,15 @@ export class FoehnInputForeignLocalityComponent extends FoehnInputComponent {
         return { zipCode: this.zipCode, longName: this.longName };
     }
 }
-FoehnInputForeignLocalityComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: FoehnInputForeignLocalityComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-FoehnInputForeignLocalityComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: FoehnInputForeignLocalityComponent, selector: "foehn-input-foreign-locality", inputs: { localityRequired: "localityRequired", zipCodeRequired: "zipCodeRequired" }, providers: [
+FoehnInputForeignLocalityComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: FoehnInputForeignLocalityComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+FoehnInputForeignLocalityComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.2", type: FoehnInputForeignLocalityComponent, selector: "foehn-input-foreign-locality", inputs: { localityRequired: "localityRequired", zipCodeRequired: "zipCodeRequired" }, providers: [
         {
             provide: FoehnInputComponent,
             useExisting: forwardRef(() => FoehnInputForeignLocalityComponent),
             multi: true
         }
     ], usesInheritance: true, ngImport: i0, template: "<div\n    class=\"form-group\"\n    [class.has-danger]=\"hasErrorsToDisplay()\"\n    [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n    [attr.id]=\"buildId('Container')\"\n    tabindex=\"-1\"\n>\n    <fieldset\n        [attr.aria-describedby]=\"getDescribedBy()\"\n        [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n    >\n        <legend *ngIf=\"!!label\" [ngClass]=\"isLabelSrOnly ? 'sr-only' : 'vd-p'\">\n            <span [innerHTML]=\"label\"></span>\n            <span\n                *ngIf=\"!isRequired() && !hideNotRequiredExtraLabel\"\n                aria-hidden=\"true\"\n            >\n                {{ 'foehn-input.optional' | fromDictionary }}\n            </span>\n        </legend>\n\n        <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n        <small\n            *ngIf=\"helpText\"\n            [attr.id]=\"buildId() + 'Help'\"\n            class=\"text-secondary\"\n            [innerHTML]=\"helpText\"\n        ></small>\n\n        <ng-content></ng-content>\n\n        <foehn-input-text\n            [name]=\"name + '.zipCode'\"\n            [label]=\"\n                'foehn-input-foreign-locality.zipCode.label' | fromDictionary\n            \"\n            [(model)]=\"zipCode\"\n            (modelChange)=\"updateLocality()\"\n            [required]=\"zipCodeRequired\"\n            (userInput)=\"handleUserInput()\"\n            [disabled]=\"disabled\"\n            [autocomplete]=\"'postal-code'\"\n            [isErrorInherited]=\"hasErrorsToDisplay()\"\n        ></foehn-input-text>\n\n        <foehn-input-text\n            [name]=\"name + '.longName'\"\n            [label]=\"\n                'foehn-input-foreign-locality.locality.label' | fromDictionary\n            \"\n            [(model)]=\"longName\"\n            (modelChange)=\"updateLocality()\"\n            [required]=\"localityRequired\"\n            (userInput)=\"handleUserInput()\"\n            [disabled]=\"disabled\"\n            [isErrorInherited]=\"hasErrorsToDisplay()\"\n        ></foehn-input-text>\n    </fieldset>\n</div>\n", styles: [":host ::ng-deep foehn-input-text:last-child .form-group{margin-bottom:0}\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.FoehnInputTextComponent, selector: "foehn-input-text", inputs: ["numberOnly"] }, { kind: "component", type: i3.FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }, { kind: "pipe", type: i4.SdkDictionaryPipe, name: "fromDictionary" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: FoehnInputForeignLocalityComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: FoehnInputForeignLocalityComponent, decorators: [{
             type: Component,
             args: [{ selector: 'foehn-input-foreign-locality', providers: [
                         {

package/esm2020/foehn-address/foehn-input-foreign-street.component.mjs

@@ -34,15 +34,15 @@ export class FoehnInputForeignStreetComponent extends FoehnInputComponent {
         return { estrid: null, longName: this.longName };
     }
 }
-FoehnInputForeignStreetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: FoehnInputForeignStreetComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-FoehnInputForeignStreetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: FoehnInputForeignStreetComponent, selector: "foehn-input-foreign-street", providers: [
+FoehnInputForeignStreetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: FoehnInputForeignStreetComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+FoehnInputForeignStreetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.2", type: FoehnInputForeignStreetComponent, selector: "foehn-input-foreign-street", providers: [
         {
             provide: FoehnInputComponent,
             useExisting: forwardRef(() => FoehnInputForeignStreetComponent),
             multi: true
         }
     ], usesInheritance: true, ngImport: i0, template: "<div\n    class=\"form-group\"\n    [class.has-danger]=\"hasErrorsToDisplay()\"\n    [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n    [attr.id]=\"buildId('Container')\"\n    tabindex=\"-1\"\n>\n    <fieldset\n        [attr.aria-describedby]=\"getDescribedBy()\"\n        [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n    >\n        <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n        <foehn-input-text\n            [label]=\"label\"\n            [name]=\"name + '.longName'\"\n            [(model)]=\"longName\"\n            (modelChange)=\"updateStreet()\"\n            [required]=\"required\"\n            [helpText]=\"helpText\"\n            (userInput)=\"handleUserInput()\"\n            [disabled]=\"disabled\"\n            [isLabelSrOnly]=\"isLabelSrOnly\"\n            [autocomplete]=\"'address-line1'\"\n            [isErrorInherited]=\"hasErrorsToDisplay()\"\n        >\n            <ng-content></ng-content>\n        </foehn-input-text>\n    </fieldset>\n</div>\n", styles: [":host ::ng-deep foehn-input-text:last-child .form-group{margin-bottom:0}\n"], dependencies: [{ kind: "component", type: i1.FoehnInputTextComponent, selector: "foehn-input-text", inputs: ["numberOnly"] }, { kind: "component", type: i2.FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: FoehnInputForeignStreetComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: FoehnInputForeignStreetComponent, decorators: [{
             type: Component,
             args: [{ selector: 'foehn-input-foreign-street', providers: [
                         {

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.2.0", ngImport: i0, type: FoehnAgendaNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FoehnAgendaNavigationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", 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.2.0", ngImport: i0, type: FoehnAgendaNavigationComponent, decorators: [{
+FoehnAgendaNavigationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: FoehnAgendaNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FoehnAgendaNavigationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.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.2.2", 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.2.0", ngImport: i0, type: FoehnAgendaTimeslotPanelComponent, deps: [{ token: i1.SdkDictionaryService }], target: i0.ɵɵFactoryTarget.Component });
-FoehnAgendaTimeslotPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", 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.2.2", ngImport: i0, type: FoehnAgendaTimeslotPanelComponent, deps: [{ token: i1.SdkDictionaryService }], target: i0.ɵɵFactoryTarget.Component });
+FoehnAgendaTimeslotPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.2", 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.2.0", ngImport: i0, type: FoehnAgendaTimeslotPanelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", 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.2.0", ngImport: i0, type: FoehnAgendaComponent, deps: [{ token: i1.SdkDictionaryService }], target: i0.ɵɵFactoryTarget.Component });
-FoehnAgendaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: FoehnAgendaComponent, selector: "foehn-agenda", inputs: { calendar: "calendar", nbVisibleElements: "nbVisibleElements" }, outputs: { paginationChange: "paginationChange" }, providers: [
+FoehnAgendaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: FoehnAgendaComponent, deps: [{ token: i1.SdkDictionaryService }], target: i0.ɵɵFactoryTarget.Component });
+FoehnAgendaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.2", 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.2.0", ngImport: i0, type: FoehnAgendaComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", 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.2.0", ngImport: i0, type: FoehnAgendaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-FoehnAgendaModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.0", ngImport: i0, type: FoehnAgendaModule, declarations: [FoehnAgendaComponent,
+FoehnAgendaModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: FoehnAgendaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FoehnAgendaModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.2", 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.2.0", ngImport: i0, type: FoehnAgendaModule, imports: [CommonModule,
+FoehnAgendaModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.2", 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.2.0", ngImport: i0, type: FoehnAgendaModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: FoehnAgendaModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [