@dsivd/prestations-ng 17.0.0-beta.7 → 17.0.0-beta.9

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

@@ -6,8 +6,8 @@ import * as i2 from "../foehn-validation-alerts/foehn-validation-alerts.componen
 import * as i3 from "@angular/forms";
 import * as i4 from "../sdk-dictionary/sdk-dictionary.pipe";
 export class FoehnBooleanCheckboxComponent extends FoehnInputComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FoehnBooleanCheckboxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.3", type: FoehnBooleanCheckboxComponent, selector: "foehn-boolean-checkbox", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: FoehnBooleanCheckboxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.7", type: FoehnBooleanCheckboxComponent, selector: "foehn-boolean-checkbox", providers: [
             {
                 provide: FoehnInputComponent,
                 useExisting: forwardRef(() => FoehnBooleanCheckboxComponent),
@@ -15,7 +15,7 @@ export class FoehnBooleanCheckboxComponent extends FoehnInputComponent {
             }
         ], 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 visually-hidden'\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: "17.3.3", ngImport: i0, type: FoehnBooleanCheckboxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: FoehnBooleanCheckboxComponent, decorators: [{
             type: Component,
             args: [{ selector: 'foehn-boolean-checkbox', providers: [
                         {

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

@@ -12,8 +12,8 @@ export class FoehnBooleanRadioComponent extends FoehnInputComponent {
         this.falseLabel = 'Non';
         this.verticalDisplay = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FoehnBooleanRadioComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.3", type: FoehnBooleanRadioComponent, selector: "foehn-boolean-radio", inputs: { trueLabel: "trueLabel", falseLabel: "falseLabel", verticalDisplay: "verticalDisplay" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: FoehnBooleanRadioComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.7", type: FoehnBooleanRadioComponent, selector: "foehn-boolean-radio", inputs: { trueLabel: "trueLabel", falseLabel: "falseLabel", verticalDisplay: "verticalDisplay" }, providers: [
             {
                 provide: FoehnInputComponent,
                 useExisting: forwardRef(() => FoehnBooleanRadioComponent),
@@ -21,7 +21,7 @@ export class FoehnBooleanRadioComponent extends FoehnInputComponent {
             }
         ], 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\n            *ngIf=\"!!label\"\n            [ngClass]=\"isLabelSrOnly ? 'visually-hidden' : 'vd-p'\"\n        >\n            <span [innerHTML]=\"label\"></span>\n            <span\n                *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n                aria-hidden=\"true\"\n            >\n                {{ 'foehn-input.optional' | fromDictionary }}\n            </span>\n        </legend>\n\n        <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n        <small\n            *ngIf=\"helpText\"\n            [attr.id]=\"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()\"\n                    [attr.name]=\"buildChildName()\"\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 ? '' : 'ms-2'\">\n                <input\n                    type=\"radio\"\n                    class=\"form-check-input\"\n                    [ngModel]=\"model\"\n                    (ngModelChange)=\"updateNgModel($event)\"\n                    [name]=\"buildChildName()\"\n                    [attr.name]=\"buildChildName()\"\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: "17.3.3", ngImport: i0, type: FoehnBooleanRadioComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: FoehnBooleanRadioComponent, decorators: [{
             type: Component,
             args: [{ selector: 'foehn-boolean-radio', providers: [
                         {

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

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

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

@@ -165,10 +165,10 @@ export class BreadcrumbEventService {
     setConfiguration(configuration) {
         this._breadcrumbConfiguration.next(configuration);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: BreadcrumbEventService, deps: [{ token: i1.SessionInfo }, { token: i2.ApplicationInfoService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: BreadcrumbEventService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: BreadcrumbEventService, deps: [{ token: i1.SessionInfo }, { token: i2.ApplicationInfoService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: BreadcrumbEventService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: BreadcrumbEventService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: BreadcrumbEventService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

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

@@ -64,10 +64,10 @@ export class FoehnBreadcrumbComponent {
             this.redirect(item);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FoehnBreadcrumbComponent, deps: [{ token: i1.BreadcrumbEventService }, { token: i2.Router }, { token: i3.FoehnConfirmModalService }, { token: i4.SessionInfo }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.3", 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=\"visually-hidden\">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=\"visually-hidden\" 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"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: FoehnBreadcrumbComponent, deps: [{ token: i1.BreadcrumbEventService }, { token: i2.Router }, { token: i3.FoehnConfirmModalService }, { token: i4.SessionInfo }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.7", 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=\"visually-hidden\">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=\"visually-hidden\" 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: "17.3.3", ngImport: i0, type: FoehnBreadcrumbComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", 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=\"visually-hidden\">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=\"visually-hidden\" 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: () => [{ type: i1.BreadcrumbEventService }, { type: i2.Router }, { type: i3.FoehnConfirmModalService }, { type: i4.SessionInfo }], propDecorators: { breadcrumbItems: [{

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

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

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

@@ -273,10 +273,10 @@ export class FoehnCheckableGroupComponent extends FoehnInputComponent {
             this.model = [...modelArray];
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FoehnCheckableGroupComponent, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.3", 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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: FoehnCheckableGroupComponent, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.7", 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: "17.3.3", ngImport: i0, type: FoehnCheckableGroupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: FoehnCheckableGroupComponent, decorators: [{
             type: Directive
         }], ctorParameters: () => [{ type: i0.NgZone }], propDecorators: { elements: [{
                 type: Input

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

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

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

@@ -15,8 +15,8 @@ export class FoehnCheckboxComponent extends FoehnCheckableGroupComponent {
         super.ngOnInit();
         this.multiple = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FoehnCheckboxComponent, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.3", type: FoehnCheckboxComponent, selector: "foehn-checkbox", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: FoehnCheckboxComponent, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.7", type: FoehnCheckboxComponent, selector: "foehn-checkbox", providers: [
             {
                 provide: FoehnInputComponent,
                 useExisting: forwardRef(() => FoehnCheckboxComponent),
@@ -24,7 +24,7 @@ export class FoehnCheckboxComponent extends FoehnCheckableGroupComponent {
             }
         ], 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 ? 'visually-hidden' : '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 fw-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 mb-0\"\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: "17.3.3", ngImport: i0, type: FoehnCheckboxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: FoehnCheckboxComponent, decorators: [{
             type: Component,
             args: [{ selector: 'foehn-checkbox', providers: [
                         {

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

@@ -42,8 +42,8 @@ export class FoehnRadioComponent extends FoehnCheckableGroupComponent {
         }
         return this.getValue(element);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FoehnRadioComponent, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.3", type: FoehnRadioComponent, selector: "foehn-radio", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: FoehnRadioComponent, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.7", type: FoehnRadioComponent, selector: "foehn-radio", providers: [
             {
                 provide: FoehnInputComponent,
                 useExisting: forwardRef(() => FoehnRadioComponent),
@@ -51,7 +51,7 @@ export class FoehnRadioComponent extends FoehnCheckableGroupComponent {
             }
         ], 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 ? 'visually-hidden' : '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 fw-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()\"\n                    [attr.name]=\"buildChildName()\"\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 mb-0\"\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: "17.3.3", ngImport: i0, type: FoehnRadioComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: FoehnRadioComponent, decorators: [{
             type: Component,
             args: [{ selector: 'foehn-radio', providers: [
                         {

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

@@ -29,8 +29,8 @@ export class FoehnSelectComponent extends FoehnCheckableGroupComponent {
     showEmptyOption() {
         return this.required && this.isEmpty(this.model);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FoehnSelectComponent, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.3", type: FoehnSelectComponent, selector: "foehn-select", inputs: { multiple: "multiple", noSelectionLabel: "noSelectionLabel" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: FoehnSelectComponent, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.7", type: FoehnSelectComponent, selector: "foehn-select", inputs: { multiple: "multiple", noSelectionLabel: "noSelectionLabel" }, providers: [
             {
                 provide: FoehnInputComponent,
                 useExisting: forwardRef(() => FoehnSelectComponent),
@@ -38,7 +38,7 @@ export class FoehnSelectComponent extends FoehnCheckableGroupComponent {
             }
         ], 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            class=\"form-label\"\n            [attr.for]=\"buildChildId()\"\n            *ngIf=\"!!label\"\n            [ngClass]=\"isLabelSrOnly ? 'visually-hidden' : 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-select\"\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=\"showEmptyOption()\" [ngValue]=\"null\">\n            <!-- empty option displayed even if required=true as long as there's no model to fix https://github.com/angular/angular/issues/14505 -->\n        </option>\n        <option *ngIf=\"!required\" [ngValue]=\"null\">\n            {{ noSelectionLabel | fromDictionary }}\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-select\"\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", styles: [".form-group select{appearance:none}\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: "17.3.3", ngImport: i0, type: FoehnSelectComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: FoehnSelectComponent, decorators: [{
             type: Component,
             args: [{ selector: 'foehn-select', providers: [
                         {

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

@@ -30,10 +30,10 @@ export class FoehnConfirmModalComponent {
         // In case the modal is closed by another mean such as the Escape key.
         this.isVisible = status;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FoehnConfirmModalComponent, deps: [{ token: i1.FoehnConfirmModalService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.3", 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 me-2 mb-2 mt-2\">\n            <button\n                id=\"cancelButton\"\n                type=\"button\"\n                class=\"btn btn-secondary\"\n                (click)=\"cancel()\"\n            >\n                {{ modalContent.cancelButtonLabel || 'Annuler' }}\n            </button>\n            <button\n                id=\"confirmButton\"\n                type=\"button\"\n                class=\"btn btn-primary ms-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" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: FoehnConfirmModalComponent, deps: [{ token: i1.FoehnConfirmModalService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.7", 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 me-2 mb-2 mt-2\">\n            <button\n                id=\"cancelButton\"\n                type=\"button\"\n                class=\"btn btn-secondary\"\n                (click)=\"cancel()\"\n            >\n                {{ modalContent.cancelButtonLabel || 'Annuler' }}\n            </button>\n            <button\n                id=\"confirmButton\"\n                type=\"button\"\n                class=\"btn btn-primary ms-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: "17.3.3", ngImport: i0, type: FoehnConfirmModalComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", 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 me-2 mb-2 mt-2\">\n            <button\n                id=\"cancelButton\"\n                type=\"button\"\n                class=\"btn btn-secondary\"\n                (click)=\"cancel()\"\n            >\n                {{ modalContent.cancelButtonLabel || 'Annuler' }}\n            </button>\n            <button\n                id=\"confirmButton\"\n                type=\"button\"\n                class=\"btn btn-primary ms-3\"\n                (click)=\"ok()\"\n            >\n                {{ modalContent.okButtonLabel || 'Confirmer' }}\n            </button>\n        </div>\n    </div>\n</foehn-modal>\n" }]
         }], ctorParameters: () => [{ type: i1.FoehnConfirmModalService }] });

package/esm2022/foehn-confirm-modal/foehn-confirm-modal.module.mjs

@@ -4,11 +4,11 @@ import { FoehnModalModule } from '../foehn-modal/foehn-modal.module';
 import { FoehnConfirmModalComponent } from './foehn-confirm-modal.component';
 import * as i0 from "@angular/core";
 export class FoehnConfirmModalModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FoehnConfirmModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.3", ngImport: i0, type: FoehnConfirmModalModule, declarations: [FoehnConfirmModalComponent], imports: [CommonModule, FoehnModalModule], exports: [FoehnConfirmModalComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FoehnConfirmModalModule, imports: [CommonModule, FoehnModalModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: FoehnConfirmModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.7", ngImport: i0, type: FoehnConfirmModalModule, declarations: [FoehnConfirmModalComponent], imports: [CommonModule, FoehnModalModule], exports: [FoehnConfirmModalComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: FoehnConfirmModalModule, imports: [CommonModule, FoehnModalModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FoehnConfirmModalModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: FoehnConfirmModalModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, FoehnModalModule],

package/esm2022/foehn-confirm-modal/foehn-confirm-modal.service.mjs

@@ -41,10 +41,10 @@ export class FoehnConfirmModalService {
         this.resolveCallback = null;
         this.rejectCallback = null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FoehnConfirmModalService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FoehnConfirmModalService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: FoehnConfirmModalService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: FoehnConfirmModalService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FoehnConfirmModalService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: FoehnConfirmModalService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

package/esm2022/foehn-date-picker/foehn-date-picker.component.mjs

@@ -344,10 +344,10 @@ export class FoehnDatePickerComponent {
         keyEvent.stopPropagation();
         return false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FoehnDatePickerComponent, deps: [{ token: i1.SdkDictionaryService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.3", type: FoehnDatePickerComponent, selector: "foehn-date-picker", inputs: { id: "id", name: "name", minYear: "minYear", maxYear: "maxYear", minDate: "minDate", maxDate: "maxDate", datepickerTriggerHtmlElement: "datepickerTriggerHtmlElement", closeable: "closeable", isDatepickerVisible: "isDatepickerVisible", model: "model" }, outputs: { modelChange: "modelChange", userInput: "userInput", isDatepickerVisibleChange: "isDatepickerVisibleChange" }, host: { listeners: { "keyup": "handleKeyboardUpEvent($event)", "keydown": "handleKeyboardDownEvent($event)" }, properties: { "attr.id": "this.hostId" } }, viewQueries: [{ propertyName: "daysButtonsElemRef", predicate: ["dayButtonElemRef"], descendants: true }], ngImport: i0, template: "<div\n    [id]=\"buildId('datepicker_wrapper')\"\n    class=\"datepicker_wrapper\"\n    *ngIf=\"isDatepickerVisible\"\n    [cdkTrapFocus]=\"!!datepickerTriggerHtmlElement\"\n    tabindex=\"-1\"\n    role=\"application\"\n    [attr.aria-label]=\"\n        'foehn-date-picker.container.aria-label' | fromDictionary\n    \"\n>\n    <button\n        *ngIf=\"closeable\"\n        (click)=\"isDatepickerVisible = false\"\n        type=\"button\"\n        class=\"btn btn-close\"\n        [attr.aria-label]=\"\n            'foehn-date-picker.close-button.aria-label' | fromDictionary\n        \"\n        [id]=\"buildId('closeButton')\"\n    ></button>\n    <div\n        [id]=\"buildId('datepicker_header')\"\n        class=\"d-flex justify-content-between datepicker_header\"\n    >\n        <ng-container *ngIf=\"currentMonthYear | async as monthYear\">\n            <button\n                [id]=\"buildId('previous-month')\"\n                type=\"button\"\n                class=\"btn btn-link datepicker-nav-month-btn\"\n                (click)=\"previousMonth()\"\n                [attr.disabled]=\"isPreviousMonthDisabled(monthYear)\"\n            >\n                <foehn-icon-chevron-left\n                    [title]=\"\n                        'foehn-date-picker.previous-month-button.title'\n                            | fromDictionary\n                    \"\n                ></foehn-icon-chevron-left>\n            </button>\n            <span\n                [id]=\"buildId('month-year-label')\"\n                aria-live=\"polite\"\n                class=\"visually-hidden\"\n            >\n                {{\n                    'foehn-date-picker.screen-reader.actual-month-displayed'\n                        | fromDictionary\n                }}\n                {{ getMonthAsReadable(monthYear.month) }} {{ monthYear.year }}\n            </span>\n            <foehn-select\n                [id]=\"buildId('month-input')\"\n                class=\"align-self-center month-input\"\n                [label]=\"\n                    'foehn-date-picker.screen-reader.month-input.label'\n                        | fromDictionary\n                \"\n                [isLabelSrOnly]=\"true\"\n                [elements]=\"monthListItem\"\n                [model]=\"monthYear.month\"\n                [required]=\"true\"\n                (userInput)=\"userInputMonth($event)\"\n            ></foehn-select>\n            <foehn-select\n                [id]=\"buildId('year-input')\"\n                class=\"align-self-center\"\n                [label]=\"\n                    'foehn-date-picker.screen-reader.year-input.label'\n                        | fromDictionary\n                \"\n                [isLabelSrOnly]=\"true\"\n                [elements]=\"yearListItem\"\n                [model]=\"monthYear.year\"\n                [required]=\"true\"\n                (userInput)=\"userInputYear($event)\"\n            ></foehn-select>\n            <button\n                [id]=\"buildId('next-month')\"\n                type=\"button\"\n                class=\"btn btn-link datepicker-nav-month-btn\"\n                (click)=\"nextMonth()\"\n                [attr.disabled]=\"isNextMonthDisabled(monthYear)\"\n            >\n                <foehn-icon-chevron-right\n                    [title]=\"\n                        'foehn-date-picker.next-month-button.title'\n                            | fromDictionary\n                    \"\n                ></foehn-icon-chevron-right>\n            </button>\n        </ng-container>\n    </div>\n    <table\n        [id]=\"buildId('datepicker_table')\"\n        role=\"grid\"\n        (focusin)=\"onDaysFocusin()\"\n        (focusout)=\"onDaysFocusout()\"\n    >\n        <caption class=\"visually-hidden\">\n            {{ 'foehn-date-picker.screen-reader.grid.title' | fromDictionary }}\n        </caption>\n        <thead role=\"presentation\" aria-hidden=\"true\">\n            <tr role=\"row\">\n                <th\n                    scope=\"col\"\n                    role=\"columnheader\"\n                    *ngFor=\"let weekday of weekDays\"\n                >\n                    <foehn-abbr\n                        [text]=\"weekday.substring(0, 2)\"\n                        [title]=\"weekday\"\n                    ></foehn-abbr>\n                </th>\n            </tr>\n        </thead>\n        <tbody role=\"presentation\">\n            <tr role=\"row\" *ngFor=\"let week of weeks; let indexRow = index\">\n                <td\n                    role=\"gridcell\"\n                    *ngFor=\"let dayOfWeek of week; let indexColumn = index\"\n                >\n                    <button\n                        type=\"button\"\n                        class=\"btn w-100\"\n                        #dayButtonElemRef\n                        [hidden]=\"!dayOfWeek.isCurrentMonth\"\n                        [id]=\"buildId('day_' + indexRow + '_' + indexColumn)\"\n                        [tabindex]=\"getDayTabIndex(dayOfWeek)\"\n                        [class.btn-info]=\"\n                            !isToday(dayOfWeek.date) &&\n                            !isSelected(dayOfWeek.date)\n                        \"\n                        [class.btn-secondary]=\"\n                            isToday(dayOfWeek.date) &&\n                            !isSelected(dayOfWeek.date)\n                        \"\n                        [class.btn-primary]=\"isSelected(dayOfWeek.date)\"\n                        [attr.aria-label]=\"\n                            weekDays[indexColumn] +\n                            ' ' +\n                            dayOfWeek.dateAsReadable\n                        \"\n                        [attr.data-is-today]=\"isToday(dayOfWeek.date)\"\n                        [attr.data-is-selected]=\"isSelected(dayOfWeek.date)\"\n                        [attr.data-row-index]=\"indexRow\"\n                        [attr.data-column-index]=\"indexColumn\"\n                        [attr.day-number]=\"dayOfWeek.dayOfMonth\"\n                        [attr.disabled]=\"getDayDisabledAttribute(dayOfWeek)\"\n                        (click)=\"handleUserInput(dayOfWeek.date)\"\n                    >\n                        {{ dayOfWeek.dayOfMonth }}\n                    </button>\n                </td>\n            </tr>\n        </tbody>\n    </table>\n</div>\n", styles: [":host ::ng-deep .btn-link .svg-inline--fa{color:#aaa!important}:host ::ng-deep .btn-link .svg-inline--fa:hover{color:#000!important}:host ::ng-deep thead th abbr[title]{text-decoration:underline dotted 1px!important}:host ::ng-deep foehn-select select.form-select{padding:0 0 0 3px;margin:0;height:30px;border-color:#aaa;background-image:none;appearance:auto!important;box-shadow:none}:host ::ng-deep foehn-select select.form-select:hover{border-color:#000;cursor:pointer}:host ::ng-deep foehn-select select.form-select:focus,:host ::ng-deep .btn:focus{box-shadow:0 0 0 2px var(--vd-focus)}:host ::ng-deep foehn-select .form-group{margin-bottom:0!important}.datepicker_header{margin:4px 0}.datepicker_wrapper{max-width:245px;min-width:224px;padding:4px;outline:1px solid #dfdfdf;background-color:#fff}.datepicker_wrapper .h4{margin-bottom:0}.datepicker_wrapper table{width:100%}.datepicker_wrapper thead th{text-align:center;font-weight:400}.datepicker_wrapper .btn{padding:2px 4px}:host ::ng-deep .datepicker_wrapper button.btn-close{position:absolute;right:-24px;top:-24px;background-color:#fff;border:1px solid #dfdfdf;border-radius:50%;width:31px;height:35px;opacity:1;scale:.7}.datepicker_wrapper .month-input{width:50%;margin-right:5px}.btn-info:disabled{cursor:not-allowed}.datepicker-nav-month-btn:disabled{opacity:.2}table tr td>button.btn-info:hover,table tr td>button.btn-secondary:hover,table tr td>button.btn-primary:hover{box-shadow:0 0 0 2px var(--vd-focus)}table tr td>button.btn-info:disabled{box-shadow:none;opacity:.3}table tr td>button.btn-info{background-color:var(--vd-neutral-light);border-color:var(--vd-neutral-light)}table tr td>button.btn-info:hover{background-color:var(--vd-neutral-lighter);border-color:var(--vd-neutral-lighter)}\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: "component", type: i3.FoehnIconChevronLeftComponent, selector: "foehn-icon-chevron-left" }, { kind: "component", type: i4.FoehnIconChevronRightComponent, selector: "foehn-icon-chevron-right" }, { kind: "directive", type: i5.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "component", type: i6.FoehnSelectComponent, selector: "foehn-select", inputs: ["multiple", "noSelectionLabel"] }, { kind: "component", type: i7.FoehnAbbrComponent, selector: "foehn-abbr", inputs: ["title", "text"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i8.SdkDictionaryPipe, name: "fromDictionary" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: FoehnDatePickerComponent, deps: [{ token: i1.SdkDictionaryService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.7", type: FoehnDatePickerComponent, selector: "foehn-date-picker", inputs: { id: "id", name: "name", minYear: "minYear", maxYear: "maxYear", minDate: "minDate", maxDate: "maxDate", datepickerTriggerHtmlElement: "datepickerTriggerHtmlElement", closeable: "closeable", isDatepickerVisible: "isDatepickerVisible", model: "model" }, outputs: { modelChange: "modelChange", userInput: "userInput", isDatepickerVisibleChange: "isDatepickerVisibleChange" }, host: { listeners: { "keyup": "handleKeyboardUpEvent($event)", "keydown": "handleKeyboardDownEvent($event)" }, properties: { "attr.id": "this.hostId" } }, viewQueries: [{ propertyName: "daysButtonsElemRef", predicate: ["dayButtonElemRef"], descendants: true }], ngImport: i0, template: "<div\n    [id]=\"buildId('datepicker_wrapper')\"\n    class=\"datepicker_wrapper\"\n    *ngIf=\"isDatepickerVisible\"\n    [cdkTrapFocus]=\"!!datepickerTriggerHtmlElement\"\n    tabindex=\"-1\"\n    role=\"application\"\n    [attr.aria-label]=\"\n        'foehn-date-picker.container.aria-label' | fromDictionary\n    \"\n>\n    <button\n        *ngIf=\"closeable\"\n        (click)=\"isDatepickerVisible = false\"\n        type=\"button\"\n        class=\"btn btn-close\"\n        [attr.aria-label]=\"\n            'foehn-date-picker.close-button.aria-label' | fromDictionary\n        \"\n        [id]=\"buildId('closeButton')\"\n    ></button>\n    <div\n        [id]=\"buildId('datepicker_header')\"\n        class=\"d-flex justify-content-between datepicker_header\"\n    >\n        <ng-container *ngIf=\"currentMonthYear | async as monthYear\">\n            <button\n                [id]=\"buildId('previous-month')\"\n                type=\"button\"\n                class=\"btn btn-link datepicker-nav-month-btn\"\n                (click)=\"previousMonth()\"\n                [attr.disabled]=\"isPreviousMonthDisabled(monthYear)\"\n            >\n                <foehn-icon-chevron-left\n                    [title]=\"\n                        'foehn-date-picker.previous-month-button.title'\n                            | fromDictionary\n                    \"\n                ></foehn-icon-chevron-left>\n            </button>\n            <span\n                [id]=\"buildId('month-year-label')\"\n                aria-live=\"polite\"\n                class=\"visually-hidden\"\n            >\n                {{\n                    'foehn-date-picker.screen-reader.actual-month-displayed'\n                        | fromDictionary\n                }}\n                {{ getMonthAsReadable(monthYear.month) }} {{ monthYear.year }}\n            </span>\n            <foehn-select\n                [id]=\"buildId('month-input')\"\n                class=\"align-self-center month-input\"\n                [label]=\"\n                    'foehn-date-picker.screen-reader.month-input.label'\n                        | fromDictionary\n                \"\n                [isLabelSrOnly]=\"true\"\n                [elements]=\"monthListItem\"\n                [model]=\"monthYear.month\"\n                [required]=\"true\"\n                (userInput)=\"userInputMonth($event)\"\n            ></foehn-select>\n            <foehn-select\n                [id]=\"buildId('year-input')\"\n                class=\"align-self-center\"\n                [label]=\"\n                    'foehn-date-picker.screen-reader.year-input.label'\n                        | fromDictionary\n                \"\n                [isLabelSrOnly]=\"true\"\n                [elements]=\"yearListItem\"\n                [model]=\"monthYear.year\"\n                [required]=\"true\"\n                (userInput)=\"userInputYear($event)\"\n            ></foehn-select>\n            <button\n                [id]=\"buildId('next-month')\"\n                type=\"button\"\n                class=\"btn btn-link datepicker-nav-month-btn\"\n                (click)=\"nextMonth()\"\n                [attr.disabled]=\"isNextMonthDisabled(monthYear)\"\n            >\n                <foehn-icon-chevron-right\n                    [title]=\"\n                        'foehn-date-picker.next-month-button.title'\n                            | fromDictionary\n                    \"\n                ></foehn-icon-chevron-right>\n            </button>\n        </ng-container>\n    </div>\n    <table\n        [id]=\"buildId('datepicker_table')\"\n        role=\"grid\"\n        (focusin)=\"onDaysFocusin()\"\n        (focusout)=\"onDaysFocusout()\"\n    >\n        <caption class=\"visually-hidden\">\n            {{ 'foehn-date-picker.screen-reader.grid.title' | fromDictionary }}\n        </caption>\n        <thead role=\"presentation\" aria-hidden=\"true\">\n            <tr role=\"row\">\n                <th\n                    scope=\"col\"\n                    role=\"columnheader\"\n                    *ngFor=\"let weekday of weekDays\"\n                >\n                    <foehn-abbr\n                        [text]=\"weekday.substring(0, 2)\"\n                        [title]=\"weekday\"\n                    ></foehn-abbr>\n                </th>\n            </tr>\n        </thead>\n        <tbody role=\"presentation\">\n            <tr role=\"row\" *ngFor=\"let week of weeks; let indexRow = index\">\n                <td\n                    role=\"gridcell\"\n                    *ngFor=\"let dayOfWeek of week; let indexColumn = index\"\n                >\n                    <button\n                        type=\"button\"\n                        class=\"btn w-100\"\n                        #dayButtonElemRef\n                        [hidden]=\"!dayOfWeek.isCurrentMonth\"\n                        [id]=\"buildId('day_' + indexRow + '_' + indexColumn)\"\n                        [tabindex]=\"getDayTabIndex(dayOfWeek)\"\n                        [class.btn-info]=\"\n                            !isToday(dayOfWeek.date) &&\n                            !isSelected(dayOfWeek.date)\n                        \"\n                        [class.btn-secondary]=\"\n                            isToday(dayOfWeek.date) &&\n                            !isSelected(dayOfWeek.date)\n                        \"\n                        [class.btn-primary]=\"isSelected(dayOfWeek.date)\"\n                        [attr.aria-label]=\"\n                            weekDays[indexColumn] +\n                            ' ' +\n                            dayOfWeek.dateAsReadable\n                        \"\n                        [attr.data-is-today]=\"isToday(dayOfWeek.date)\"\n                        [attr.data-is-selected]=\"isSelected(dayOfWeek.date)\"\n                        [attr.data-row-index]=\"indexRow\"\n                        [attr.data-column-index]=\"indexColumn\"\n                        [attr.day-number]=\"dayOfWeek.dayOfMonth\"\n                        [attr.disabled]=\"getDayDisabledAttribute(dayOfWeek)\"\n                        (click)=\"handleUserInput(dayOfWeek.date)\"\n                    >\n                        {{ dayOfWeek.dayOfMonth }}\n                    </button>\n                </td>\n            </tr>\n        </tbody>\n    </table>\n</div>\n", styles: [":host ::ng-deep .btn-link .svg-inline--fa{color:#aaa!important}:host ::ng-deep .btn-link .svg-inline--fa:hover{color:#000!important}:host ::ng-deep thead th abbr[title]{text-decoration:underline dotted 1px!important}:host ::ng-deep foehn-select select.form-select{padding:0 0 0 3px;margin:0;height:30px;border-color:#aaa;background-image:none;appearance:auto!important;box-shadow:none}:host ::ng-deep foehn-select select.form-select:hover{border-color:#000;cursor:pointer}:host ::ng-deep foehn-select select.form-select:focus,:host ::ng-deep .btn:focus{box-shadow:0 0 0 2px var(--vd-focus)}:host ::ng-deep foehn-select .form-group{margin-bottom:0!important}.datepicker_header{margin:4px 0}.datepicker_wrapper{max-width:245px;min-width:224px;padding:4px;outline:1px solid #dfdfdf;background-color:#fff}.datepicker_wrapper .h4{margin-bottom:0}.datepicker_wrapper table{width:100%}.datepicker_wrapper thead th{text-align:center;font-weight:400}.datepicker_wrapper .btn{padding:2px 4px}:host ::ng-deep .datepicker_wrapper button.btn-close{position:absolute;right:-24px;top:-24px;background-color:#fff;border:1px solid #dfdfdf;border-radius:50%;width:31px;height:35px;opacity:1;scale:.7}.datepicker_wrapper .month-input{width:50%;margin-right:5px}.btn-info:disabled{cursor:not-allowed}.datepicker-nav-month-btn:disabled{opacity:.2}table tr td>button.btn-info:hover,table tr td>button.btn-secondary:hover,table tr td>button.btn-primary:hover{box-shadow:0 0 0 2px var(--vd-focus)}table tr td>button.btn-info:disabled{box-shadow:none;opacity:.3}table tr td>button.btn-info{background-color:var(--vd-neutral-light);border-color:var(--vd-neutral-light)}table tr td>button.btn-info:hover{background-color:var(--vd-neutral-lighter);border-color:var(--vd-neutral-lighter)}\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: "component", type: i3.FoehnIconChevronLeftComponent, selector: "foehn-icon-chevron-left" }, { kind: "component", type: i4.FoehnIconChevronRightComponent, selector: "foehn-icon-chevron-right" }, { kind: "directive", type: i5.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "component", type: i6.FoehnSelectComponent, selector: "foehn-select", inputs: ["multiple", "noSelectionLabel"] }, { kind: "component", type: i7.FoehnAbbrComponent, selector: "foehn-abbr", inputs: ["title", "text"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i8.SdkDictionaryPipe, name: "fromDictionary" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FoehnDatePickerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: FoehnDatePickerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'foehn-date-picker', template: "<div\n    [id]=\"buildId('datepicker_wrapper')\"\n    class=\"datepicker_wrapper\"\n    *ngIf=\"isDatepickerVisible\"\n    [cdkTrapFocus]=\"!!datepickerTriggerHtmlElement\"\n    tabindex=\"-1\"\n    role=\"application\"\n    [attr.aria-label]=\"\n        'foehn-date-picker.container.aria-label' | fromDictionary\n    \"\n>\n    <button\n        *ngIf=\"closeable\"\n        (click)=\"isDatepickerVisible = false\"\n        type=\"button\"\n        class=\"btn btn-close\"\n        [attr.aria-label]=\"\n            'foehn-date-picker.close-button.aria-label' | fromDictionary\n        \"\n        [id]=\"buildId('closeButton')\"\n    ></button>\n    <div\n        [id]=\"buildId('datepicker_header')\"\n        class=\"d-flex justify-content-between datepicker_header\"\n    >\n        <ng-container *ngIf=\"currentMonthYear | async as monthYear\">\n            <button\n                [id]=\"buildId('previous-month')\"\n                type=\"button\"\n                class=\"btn btn-link datepicker-nav-month-btn\"\n                (click)=\"previousMonth()\"\n                [attr.disabled]=\"isPreviousMonthDisabled(monthYear)\"\n            >\n                <foehn-icon-chevron-left\n                    [title]=\"\n                        'foehn-date-picker.previous-month-button.title'\n                            | fromDictionary\n                    \"\n                ></foehn-icon-chevron-left>\n            </button>\n            <span\n                [id]=\"buildId('month-year-label')\"\n                aria-live=\"polite\"\n                class=\"visually-hidden\"\n            >\n                {{\n                    'foehn-date-picker.screen-reader.actual-month-displayed'\n                        | fromDictionary\n                }}\n                {{ getMonthAsReadable(monthYear.month) }} {{ monthYear.year }}\n            </span>\n            <foehn-select\n                [id]=\"buildId('month-input')\"\n                class=\"align-self-center month-input\"\n                [label]=\"\n                    'foehn-date-picker.screen-reader.month-input.label'\n                        | fromDictionary\n                \"\n                [isLabelSrOnly]=\"true\"\n                [elements]=\"monthListItem\"\n                [model]=\"monthYear.month\"\n                [required]=\"true\"\n                (userInput)=\"userInputMonth($event)\"\n            ></foehn-select>\n            <foehn-select\n                [id]=\"buildId('year-input')\"\n                class=\"align-self-center\"\n                [label]=\"\n                    'foehn-date-picker.screen-reader.year-input.label'\n                        | fromDictionary\n                \"\n                [isLabelSrOnly]=\"true\"\n                [elements]=\"yearListItem\"\n                [model]=\"monthYear.year\"\n                [required]=\"true\"\n                (userInput)=\"userInputYear($event)\"\n            ></foehn-select>\n            <button\n                [id]=\"buildId('next-month')\"\n                type=\"button\"\n                class=\"btn btn-link datepicker-nav-month-btn\"\n                (click)=\"nextMonth()\"\n                [attr.disabled]=\"isNextMonthDisabled(monthYear)\"\n            >\n                <foehn-icon-chevron-right\n                    [title]=\"\n                        'foehn-date-picker.next-month-button.title'\n                            | fromDictionary\n                    \"\n                ></foehn-icon-chevron-right>\n            </button>\n        </ng-container>\n    </div>\n    <table\n        [id]=\"buildId('datepicker_table')\"\n        role=\"grid\"\n        (focusin)=\"onDaysFocusin()\"\n        (focusout)=\"onDaysFocusout()\"\n    >\n        <caption class=\"visually-hidden\">\n            {{ 'foehn-date-picker.screen-reader.grid.title' | fromDictionary }}\n        </caption>\n        <thead role=\"presentation\" aria-hidden=\"true\">\n            <tr role=\"row\">\n                <th\n                    scope=\"col\"\n                    role=\"columnheader\"\n                    *ngFor=\"let weekday of weekDays\"\n                >\n                    <foehn-abbr\n                        [text]=\"weekday.substring(0, 2)\"\n                        [title]=\"weekday\"\n                    ></foehn-abbr>\n                </th>\n            </tr>\n        </thead>\n        <tbody role=\"presentation\">\n            <tr role=\"row\" *ngFor=\"let week of weeks; let indexRow = index\">\n                <td\n                    role=\"gridcell\"\n                    *ngFor=\"let dayOfWeek of week; let indexColumn = index\"\n                >\n                    <button\n                        type=\"button\"\n                        class=\"btn w-100\"\n                        #dayButtonElemRef\n                        [hidden]=\"!dayOfWeek.isCurrentMonth\"\n                        [id]=\"buildId('day_' + indexRow + '_' + indexColumn)\"\n                        [tabindex]=\"getDayTabIndex(dayOfWeek)\"\n                        [class.btn-info]=\"\n                            !isToday(dayOfWeek.date) &&\n                            !isSelected(dayOfWeek.date)\n                        \"\n                        [class.btn-secondary]=\"\n                            isToday(dayOfWeek.date) &&\n                            !isSelected(dayOfWeek.date)\n                        \"\n                        [class.btn-primary]=\"isSelected(dayOfWeek.date)\"\n                        [attr.aria-label]=\"\n                            weekDays[indexColumn] +\n                            ' ' +\n                            dayOfWeek.dateAsReadable\n                        \"\n                        [attr.data-is-today]=\"isToday(dayOfWeek.date)\"\n                        [attr.data-is-selected]=\"isSelected(dayOfWeek.date)\"\n                        [attr.data-row-index]=\"indexRow\"\n                        [attr.data-column-index]=\"indexColumn\"\n                        [attr.day-number]=\"dayOfWeek.dayOfMonth\"\n                        [attr.disabled]=\"getDayDisabledAttribute(dayOfWeek)\"\n                        (click)=\"handleUserInput(dayOfWeek.date)\"\n                    >\n                        {{ dayOfWeek.dayOfMonth }}\n                    </button>\n                </td>\n            </tr>\n        </tbody>\n    </table>\n</div>\n", styles: [":host ::ng-deep .btn-link .svg-inline--fa{color:#aaa!important}:host ::ng-deep .btn-link .svg-inline--fa:hover{color:#000!important}:host ::ng-deep thead th abbr[title]{text-decoration:underline dotted 1px!important}:host ::ng-deep foehn-select select.form-select{padding:0 0 0 3px;margin:0;height:30px;border-color:#aaa;background-image:none;appearance:auto!important;box-shadow:none}:host ::ng-deep foehn-select select.form-select:hover{border-color:#000;cursor:pointer}:host ::ng-deep foehn-select select.form-select:focus,:host ::ng-deep .btn:focus{box-shadow:0 0 0 2px var(--vd-focus)}:host ::ng-deep foehn-select .form-group{margin-bottom:0!important}.datepicker_header{margin:4px 0}.datepicker_wrapper{max-width:245px;min-width:224px;padding:4px;outline:1px solid #dfdfdf;background-color:#fff}.datepicker_wrapper .h4{margin-bottom:0}.datepicker_wrapper table{width:100%}.datepicker_wrapper thead th{text-align:center;font-weight:400}.datepicker_wrapper .btn{padding:2px 4px}:host ::ng-deep .datepicker_wrapper button.btn-close{position:absolute;right:-24px;top:-24px;background-color:#fff;border:1px solid #dfdfdf;border-radius:50%;width:31px;height:35px;opacity:1;scale:.7}.datepicker_wrapper .month-input{width:50%;margin-right:5px}.btn-info:disabled{cursor:not-allowed}.datepicker-nav-month-btn:disabled{opacity:.2}table tr td>button.btn-info:hover,table tr td>button.btn-secondary:hover,table tr td>button.btn-primary:hover{box-shadow:0 0 0 2px var(--vd-focus)}table tr td>button.btn-info:disabled{box-shadow:none;opacity:.3}table tr td>button.btn-info{background-color:var(--vd-neutral-light);border-color:var(--vd-neutral-light)}table tr td>button.btn-info:hover{background-color:var(--vd-neutral-lighter);border-color:var(--vd-neutral-lighter)}\n"] }]
         }], ctorParameters: () => [{ type: i1.SdkDictionaryService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }], propDecorators: { id: [{

package/esm2022/foehn-date-picker/foehn-date-picker.module.mjs

@@ -8,21 +8,21 @@ import { SdkDictionaryModule } from '../sdk-dictionary/sdk-dictionary.module';
 import { FoehnDatePickerComponent } from './foehn-date-picker.component';
 import * as i0 from "@angular/core";
 export class FoehnDatePickerModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FoehnDatePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.3", ngImport: i0, type: FoehnDatePickerModule, declarations: [FoehnDatePickerComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: FoehnDatePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.7", ngImport: i0, type: FoehnDatePickerModule, declarations: [FoehnDatePickerComponent], imports: [CommonModule,
             FoehnIconsModule,
             A11yModule,
             FoehnCheckablesModule,
             FoehnMiscModule,
             SdkDictionaryModule], exports: [FoehnDatePickerComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FoehnDatePickerModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: FoehnDatePickerModule, imports: [CommonModule,
             FoehnIconsModule,
             A11yModule,
             FoehnCheckablesModule,
             FoehnMiscModule,
             SdkDictionaryModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FoehnDatePickerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: FoehnDatePickerModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2022/foehn-date-picker-button/foehn-date-picker-button.component.mjs

@@ -59,10 +59,10 @@ export class FoehnDatePickerButtonComponent {
         this.userInput.next(date);
         this.updateVisibilityStatus(false);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FoehnDatePickerButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.3", type: FoehnDatePickerButtonComponent, selector: "foehn-date-picker-button", inputs: { id: "id", name: "name", minYear: "minYear", maxYear: "maxYear", minDate: "minDate", maxDate: "maxDate", displaySelectedDate: "displaySelectedDate", selectedDateSrOnlyLabelKey: "selectedDateSrOnlyLabelKey", model: "model" }, outputs: { modelChange: "modelChange", userInput: "userInput" }, host: { properties: { "attr.id": "this.hostId" } }, viewQueries: [{ propertyName: "datepickerTrigger", first: true, predicate: ["datepickerTrigger"], descendants: true, static: true }], ngImport: i0, template: "<div\n    [id]=\"buildId('datepickerbutton_wrapper')\"\n    class=\"datepickerbutton_wrapper\"\n    tabindex=\"-1\"\n>\n    <button\n        type=\"button\"\n        class=\"clear-button btn btn-link d-flex\"\n        (click)=\"open()\"\n        #datepickerTrigger\n    >\n        <foehn-icon-calendar\n            [title]=\"'foehn-date-picker-button.icon-title' | fromDictionary\"\n        ></foehn-icon-calendar>\n        <span\n            *ngIf=\"model && model.length === 3\"\n            [id]=\"buildId('selected-date-label')\"\n            aria-live=\"polite\"\n            class=\"m-0 ps-2 fw-normal align-self-center\"\n            [class.visually-hidden]=\"!displaySelectedDate\"\n        >\n            <span class=\"visually-hidden\">\n                {{\n                    selectedDateSrOnlyLabelKey\n                        | fromDictionary: { selectedDate: model | displayDate }\n                }}\n            </span>\n            <span aria-hidden=\"true\">{{ model | displayDate }}</span>\n        </span>\n    </button>\n\n    <foehn-date-picker\n        [id]=\"buildId()\"\n        [(model)]=\"model\"\n        [isDatepickerVisible]=\"isDatepickerVisible\"\n        (isDatepickerVisibleChange)=\"updateVisibilityStatus($event)\"\n        (userInput)=\"handleUserInput($event)\"\n        [datepickerTriggerHtmlElement]=\"datepickerTrigger\"\n        [minYear]=\"minYear\"\n        [maxYear]=\"maxYear\"\n        [minDate]=\"minDate\"\n        [maxDate]=\"maxDate\"\n    ></foehn-date-picker>\n</div>\n", styles: [":host ::ng-deep .clear-button.btn .svg-inline--fa{color:#000!important;font-size:1.5rem}.clear-button.btn.btn-link{color:#000;text-decoration:none}.datepickerbutton_wrapper{position:relative}foehn-date-picker{position:absolute;z-index:9999;top:0;left:0;box-shadow:0 4px 8px #0003,0 6px 20px #00000030}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.FoehnIconCalendarComponent, selector: "foehn-icon-calendar" }, { kind: "component", type: i3.FoehnDatePickerComponent, selector: "foehn-date-picker", inputs: ["id", "name", "minYear", "maxYear", "minDate", "maxDate", "datepickerTriggerHtmlElement", "closeable", "isDatepickerVisible", "model"], outputs: ["modelChange", "userInput", "isDatepickerVisibleChange"] }, { kind: "pipe", type: i4.DisplayDatePipe, name: "displayDate" }, { kind: "pipe", type: i5.SdkDictionaryPipe, name: "fromDictionary" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: FoehnDatePickerButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.7", type: FoehnDatePickerButtonComponent, selector: "foehn-date-picker-button", inputs: { id: "id", name: "name", minYear: "minYear", maxYear: "maxYear", minDate: "minDate", maxDate: "maxDate", displaySelectedDate: "displaySelectedDate", selectedDateSrOnlyLabelKey: "selectedDateSrOnlyLabelKey", model: "model" }, outputs: { modelChange: "modelChange", userInput: "userInput" }, host: { properties: { "attr.id": "this.hostId" } }, viewQueries: [{ propertyName: "datepickerTrigger", first: true, predicate: ["datepickerTrigger"], descendants: true, static: true }], ngImport: i0, template: "<div\n    [id]=\"buildId('datepickerbutton_wrapper')\"\n    class=\"datepickerbutton_wrapper\"\n    tabindex=\"-1\"\n>\n    <button\n        type=\"button\"\n        class=\"clear-button btn btn-link d-flex\"\n        (click)=\"open()\"\n        #datepickerTrigger\n    >\n        <foehn-icon-calendar\n            [title]=\"'foehn-date-picker-button.icon-title' | fromDictionary\"\n        ></foehn-icon-calendar>\n        <span\n            *ngIf=\"model && model.length === 3\"\n            [id]=\"buildId('selected-date-label')\"\n            aria-live=\"polite\"\n            class=\"m-0 ps-2 fw-normal align-self-center\"\n            [class.visually-hidden]=\"!displaySelectedDate\"\n        >\n            <span class=\"visually-hidden\">\n                {{\n                    selectedDateSrOnlyLabelKey\n                        | fromDictionary: { selectedDate: model | displayDate }\n                }}\n            </span>\n            <span aria-hidden=\"true\">{{ model | displayDate }}</span>\n        </span>\n    </button>\n\n    <foehn-date-picker\n        [id]=\"buildId()\"\n        [(model)]=\"model\"\n        [isDatepickerVisible]=\"isDatepickerVisible\"\n        (isDatepickerVisibleChange)=\"updateVisibilityStatus($event)\"\n        (userInput)=\"handleUserInput($event)\"\n        [datepickerTriggerHtmlElement]=\"datepickerTrigger\"\n        [minYear]=\"minYear\"\n        [maxYear]=\"maxYear\"\n        [minDate]=\"minDate\"\n        [maxDate]=\"maxDate\"\n    ></foehn-date-picker>\n</div>\n", styles: [":host ::ng-deep .clear-button.btn .svg-inline--fa{color:#000!important;font-size:1.5rem}.clear-button.btn.btn-link{color:#000;text-decoration:none}.datepickerbutton_wrapper{position:relative}foehn-date-picker{position:absolute;z-index:9999;top:0;left:0;box-shadow:0 4px 8px #0003,0 6px 20px #00000030}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.FoehnIconCalendarComponent, selector: "foehn-icon-calendar" }, { kind: "component", type: i3.FoehnDatePickerComponent, selector: "foehn-date-picker", inputs: ["id", "name", "minYear", "maxYear", "minDate", "maxDate", "datepickerTriggerHtmlElement", "closeable", "isDatepickerVisible", "model"], outputs: ["modelChange", "userInput", "isDatepickerVisibleChange"] }, { kind: "pipe", type: i4.DisplayDatePipe, name: "displayDate" }, { kind: "pipe", type: i5.SdkDictionaryPipe, name: "fromDictionary" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FoehnDatePickerButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: FoehnDatePickerButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'foehn-date-picker-button', template: "<div\n    [id]=\"buildId('datepickerbutton_wrapper')\"\n    class=\"datepickerbutton_wrapper\"\n    tabindex=\"-1\"\n>\n    <button\n        type=\"button\"\n        class=\"clear-button btn btn-link d-flex\"\n        (click)=\"open()\"\n        #datepickerTrigger\n    >\n        <foehn-icon-calendar\n            [title]=\"'foehn-date-picker-button.icon-title' | fromDictionary\"\n        ></foehn-icon-calendar>\n        <span\n            *ngIf=\"model && model.length === 3\"\n            [id]=\"buildId('selected-date-label')\"\n            aria-live=\"polite\"\n            class=\"m-0 ps-2 fw-normal align-self-center\"\n            [class.visually-hidden]=\"!displaySelectedDate\"\n        >\n            <span class=\"visually-hidden\">\n                {{\n                    selectedDateSrOnlyLabelKey\n                        | fromDictionary: { selectedDate: model | displayDate }\n                }}\n            </span>\n            <span aria-hidden=\"true\">{{ model | displayDate }}</span>\n        </span>\n    </button>\n\n    <foehn-date-picker\n        [id]=\"buildId()\"\n        [(model)]=\"model\"\n        [isDatepickerVisible]=\"isDatepickerVisible\"\n        (isDatepickerVisibleChange)=\"updateVisibilityStatus($event)\"\n        (userInput)=\"handleUserInput($event)\"\n        [datepickerTriggerHtmlElement]=\"datepickerTrigger\"\n        [minYear]=\"minYear\"\n        [maxYear]=\"maxYear\"\n        [minDate]=\"minDate\"\n        [maxDate]=\"maxDate\"\n    ></foehn-date-picker>\n</div>\n", styles: [":host ::ng-deep .clear-button.btn .svg-inline--fa{color:#000!important;font-size:1.5rem}.clear-button.btn.btn-link{color:#000;text-decoration:none}.datepickerbutton_wrapper{position:relative}foehn-date-picker{position:absolute;z-index:9999;top:0;left:0;box-shadow:0 4px 8px #0003,0 6px 20px #00000030}\n"] }]
         }], propDecorators: { datepickerTrigger: [{

package/esm2022/foehn-date-picker-button/foehn-date-picker-button.module.mjs

@@ -7,19 +7,19 @@ import { SdkDictionaryModule } from '../sdk-dictionary/sdk-dictionary.module';
 import { FoehnDatePickerButtonComponent } from './foehn-date-picker-button.component';
 import * as i0 from "@angular/core";
 export class FoehnDatePickerButtonModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FoehnDatePickerButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.3", ngImport: i0, type: FoehnDatePickerButtonModule, declarations: [FoehnDatePickerButtonComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: FoehnDatePickerButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.7", ngImport: i0, type: FoehnDatePickerButtonModule, declarations: [FoehnDatePickerButtonComponent], imports: [CommonModule,
             FoehnIconsModule,
             FoehnDatePickerModule,
             PipeModule,
             SdkDictionaryModule], exports: [FoehnDatePickerButtonComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FoehnDatePickerButtonModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: FoehnDatePickerButtonModule, imports: [CommonModule,
             FoehnIconsModule,
             FoehnDatePickerModule,
             PipeModule,
             SdkDictionaryModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FoehnDatePickerButtonModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: FoehnDatePickerButtonModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2022/foehn-debug-summary/foehn-debug-summary.component.mjs

@@ -74,10 +74,10 @@ export class FoehnDebugSummaryComponent {
     ngAfterViewInit() {
         this.initDate = new Date();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FoehnDebugSummaryComponent, deps: [{ token: i1.ApplicationInfoService }, { token: i2.SessionInfo }, { token: i3.ActivatedRoute }, { token: i4.DatePipe }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.3", type: FoehnDebugSummaryComponent, selector: "foehn-debug-summary", ngImport: i0, template: "<foehn-recap-section\n    *ngIf=\"elements | async as el\"\n    [data]=\"{ titleKey: 'Informations pour le support', elements: el }\"\n></foehn-recap-section>\n", dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.FoehnRecapSectionComponent, selector: "foehn-recap-section", inputs: ["acceptEmptyValues", "data"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: FoehnDebugSummaryComponent, deps: [{ token: i1.ApplicationInfoService }, { token: i2.SessionInfo }, { token: i3.ActivatedRoute }, { token: i4.DatePipe }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.7", type: FoehnDebugSummaryComponent, selector: "foehn-debug-summary", ngImport: i0, template: "<foehn-recap-section\n    *ngIf=\"elements | async as el\"\n    [data]=\"{ titleKey: 'Informations pour le support', elements: el }\"\n></foehn-recap-section>\n", dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.FoehnRecapSectionComponent, selector: "foehn-recap-section", inputs: ["acceptEmptyValues", "data"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FoehnDebugSummaryComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: FoehnDebugSummaryComponent, decorators: [{
             type: Component,
             args: [{ selector: 'foehn-debug-summary', template: "<foehn-recap-section\n    *ngIf=\"elements | async as el\"\n    [data]=\"{ titleKey: 'Informations pour le support', elements: el }\"\n></foehn-recap-section>\n" }]
         }], ctorParameters: () => [{ type: i1.ApplicationInfoService }, { type: i2.SessionInfo }, { type: i3.ActivatedRoute }, { type: i4.DatePipe }] });

package/esm2022/foehn-debug-summary/foehn-debug-summary.component.module.mjs

@@ -4,11 +4,11 @@ import { FoehnRecapSectionModule } from '../foehn-recap-section/foehn-recap-sect
 import { FoehnDebugSummaryComponent } from './foehn-debug-summary.component';
 import * as i0 from "@angular/core";
 export class FoehnDebugSummaryComponentModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FoehnDebugSummaryComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.3", ngImport: i0, type: FoehnDebugSummaryComponentModule, declarations: [FoehnDebugSummaryComponent], imports: [CommonModule, FoehnRecapSectionModule], exports: [FoehnDebugSummaryComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FoehnDebugSummaryComponentModule, providers: [DatePipe], imports: [CommonModule, FoehnRecapSectionModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: FoehnDebugSummaryComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.7", ngImport: i0, type: FoehnDebugSummaryComponentModule, declarations: [FoehnDebugSummaryComponent], imports: [CommonModule, FoehnRecapSectionModule], exports: [FoehnDebugSummaryComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: FoehnDebugSummaryComponentModule, providers: [DatePipe], imports: [CommonModule, FoehnRecapSectionModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FoehnDebugSummaryComponentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: FoehnDebugSummaryComponentModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, FoehnRecapSectionModule],