@dsivd/prestations-ng 16.0.0-rc.9 → 16.0.1

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -31,9 +31,9 @@ export class FoehnConfirmModalComponent {
         this.isVisible = status;
     }
 }
-FoehnConfirmModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: FoehnConfirmModalComponent, deps: [{ token: i1.FoehnConfirmModalService }], target: i0.ɵɵFactoryTarget.Component });
-FoehnConfirmModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.2", type: FoehnConfirmModalComponent, selector: "foehn-confirm-modal", ngImport: i0, template: "<foehn-modal\n    [modalHeaderText]=\"modalContent.title || 'Confirmation'\"\n    modalSize=\"modal-md\"\n    [isModalVisible]=\"isVisible\"\n    (isModalVisibleChange)=\"updateVisibilityStatus($event)\"\n    [closeable]=\"\n        modalContent.closeable !== null && modalContent.closeable !== undefined\n            ? modalContent.closeable\n            : true\n    \"\n    *ngIf=\"content | async as modalContent\"\n>\n    <p [innerHTML]=\"modalContent.htmlContent\"></p>\n\n    <div modal-footer>\n        <div class=\"d-flex justify-content-end mr-2 mb-2 mt-2\">\n            <button\n                id=\"confirmButton\"\n                class=\"btn btn-secondary\"\n                (click)=\"cancel()\"\n            >\n                {{ modalContent.cancelButtonLabel || 'Annuler' }}\n            </button>\n            <button\n                id=\"cancelButton\"\n                class=\"btn btn-primary ml-3\"\n                (click)=\"ok()\"\n            >\n                {{ modalContent.okButtonLabel || 'Confirmer' }}\n            </button>\n        </div>\n    </div>\n</foehn-modal>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.FoehnModalComponent, selector: "foehn-modal", inputs: ["id", "name", "modalSize", "modalBodyText", "modalHeaderText", "closeable", "modalTriggerHtmlElement", "isModalVisible"], outputs: ["isModalVisibleChange"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: FoehnConfirmModalComponent, decorators: [{
+FoehnConfirmModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FoehnConfirmModalComponent, deps: [{ token: i1.FoehnConfirmModalService }], target: i0.ɵɵFactoryTarget.Component });
+FoehnConfirmModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: FoehnConfirmModalComponent, selector: "foehn-confirm-modal", ngImport: i0, template: "<foehn-modal\n    [modalHeaderText]=\"modalContent.title || 'Confirmation'\"\n    modalSize=\"modal-md\"\n    [isModalVisible]=\"isVisible\"\n    (isModalVisibleChange)=\"updateVisibilityStatus($event)\"\n    [closeable]=\"\n        modalContent.closeable !== null && modalContent.closeable !== undefined\n            ? modalContent.closeable\n            : true\n    \"\n    *ngIf=\"content | async as modalContent\"\n>\n    <p [innerHTML]=\"modalContent.htmlContent\"></p>\n\n    <div modal-footer>\n        <div class=\"d-flex justify-content-end mr-2 mb-2 mt-2\">\n            <button\n                id=\"confirmButton\"\n                class=\"btn btn-secondary\"\n                (click)=\"cancel()\"\n            >\n                {{ modalContent.cancelButtonLabel || 'Annuler' }}\n            </button>\n            <button\n                id=\"cancelButton\"\n                class=\"btn btn-primary ml-3\"\n                (click)=\"ok()\"\n            >\n                {{ modalContent.okButtonLabel || 'Confirmer' }}\n            </button>\n        </div>\n    </div>\n</foehn-modal>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.FoehnModalComponent, selector: "foehn-modal", inputs: ["id", "name", "modalSize", "modalBodyText", "modalHeaderText", "closeable", "modalTriggerHtmlElement", "isModalVisible"], outputs: ["isModalVisibleChange"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FoehnConfirmModalComponent, decorators: [{
             type: Component,
             args: [{ selector: 'foehn-confirm-modal', template: "<foehn-modal\n    [modalHeaderText]=\"modalContent.title || 'Confirmation'\"\n    modalSize=\"modal-md\"\n    [isModalVisible]=\"isVisible\"\n    (isModalVisibleChange)=\"updateVisibilityStatus($event)\"\n    [closeable]=\"\n        modalContent.closeable !== null && modalContent.closeable !== undefined\n            ? modalContent.closeable\n            : true\n    \"\n    *ngIf=\"content | async as modalContent\"\n>\n    <p [innerHTML]=\"modalContent.htmlContent\"></p>\n\n    <div modal-footer>\n        <div class=\"d-flex justify-content-end mr-2 mb-2 mt-2\">\n            <button\n                id=\"confirmButton\"\n                class=\"btn btn-secondary\"\n                (click)=\"cancel()\"\n            >\n                {{ modalContent.cancelButtonLabel || 'Annuler' }}\n            </button>\n            <button\n                id=\"cancelButton\"\n                class=\"btn btn-primary ml-3\"\n                (click)=\"ok()\"\n            >\n                {{ modalContent.okButtonLabel || 'Confirmer' }}\n            </button>\n        </div>\n    </div>\n</foehn-modal>\n" }]
         }], ctorParameters: function () { return [{ type: i1.FoehnConfirmModalService }]; } });

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

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

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

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

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

@@ -342,9 +342,9 @@ export class FoehnDatePickerComponent {
         return false;
     }
 }
-FoehnDatePickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: FoehnDatePickerComponent, deps: [{ token: i1.SdkDictionaryService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-FoehnDatePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.2", 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 close\"\n        [attr.aria-label]=\"\n            'foehn-date-picker.close-button.aria-label' | fromDictionary\n        \"\n        [id]=\"buildId('closeButton')\"\n    >\n        <span aria-hidden=\"true\">&times;</span>\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                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=\"sr-only\"\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                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        <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                        class=\"btn w-100\"\n                        #dayButtonElemRef\n                        [hidden]=\"!dayOfWeek.isCurrentMonth\"\n                        [id]=\"buildId('day_' + indexRow + '_' + indexColumn)\"\n                        [tabindex]=\"getDayTabIndex(dayOfWeek)\"\n                        [class.btn-info]=\"!isToday(dayOfWeek.date)\"\n                        [class.btn-secondary]=\"isToday(dayOfWeek.date)\"\n                        [class.btn-danger]=\"isSelected(dayOfWeek.date)\"\n                        [attr.aria-label]=\"\n                            weekDays[indexColumn] +\n                            ' ' +\n                            dayOfWeek.dateAsReadable\n                        \"\n                        [attr.data-is-today]=\"isToday(dayOfWeek.date)\"\n                        [attr.data-is-selected]=\"isSelected(dayOfWeek.date)\"\n                        [attr.data-row-index]=\"indexRow\"\n                        [attr.data-column-index]=\"indexColumn\"\n                        [attr.day-number]=\"dayOfWeek.dayOfMonth\"\n                        [attr.disabled]=\"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:#000!important}.datepicker_header{margin-bottom:5px}.datepicker_wrapper{max-width:245px;padding:5px;border:1px solid #dfdfdf;background-color:#fff}.datepicker_wrapper .h4{margin-bottom:0}.datepicker_wrapper thead th{text-align:center;width:15%}.datepicker_wrapper .btn{padding:2px 4px}.datepicker_wrapper button.close{position:absolute;right:-14px;top:-18px;background-color:#fff;border:1px solid #dfdfdf;border-radius:50%;width:30px;height:30px;opacity:1}.datepicker_wrapper .month-input{width:50%;margin-right:5px}:host ::ng-deep foehn-select select.form-control{padding:0;margin:0;height:30px}:host ::ng-deep foehn-select .form-group{margin:0}.btn-info:disabled{cursor:not-allowed}.datepicker-nav-month-btn:disabled{opacity:.25}\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: "15.2.2", ngImport: i0, type: FoehnDatePickerComponent, decorators: [{
+FoehnDatePickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FoehnDatePickerComponent, deps: [{ token: i1.SdkDictionaryService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+FoehnDatePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", 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 close\"\n        [attr.aria-label]=\"\n            'foehn-date-picker.close-button.aria-label' | fromDictionary\n        \"\n        [id]=\"buildId('closeButton')\"\n    >\n        <span aria-hidden=\"true\">&times;</span>\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                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=\"sr-only\"\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                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        <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                        class=\"btn w-100\"\n                        #dayButtonElemRef\n                        [hidden]=\"!dayOfWeek.isCurrentMonth\"\n                        [id]=\"buildId('day_' + indexRow + '_' + indexColumn)\"\n                        [tabindex]=\"getDayTabIndex(dayOfWeek)\"\n                        [class.btn-info]=\"!isToday(dayOfWeek.date)\"\n                        [class.btn-secondary]=\"isToday(dayOfWeek.date)\"\n                        [class.btn-danger]=\"isSelected(dayOfWeek.date)\"\n                        [attr.aria-label]=\"\n                            weekDays[indexColumn] +\n                            ' ' +\n                            dayOfWeek.dateAsReadable\n                        \"\n                        [attr.data-is-today]=\"isToday(dayOfWeek.date)\"\n                        [attr.data-is-selected]=\"isSelected(dayOfWeek.date)\"\n                        [attr.data-row-index]=\"indexRow\"\n                        [attr.data-column-index]=\"indexColumn\"\n                        [attr.day-number]=\"dayOfWeek.dayOfMonth\"\n                        [attr.disabled]=\"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:#000!important}.datepicker_header{margin-bottom:5px}.datepicker_wrapper{max-width:245px;padding:5px;border:1px solid #dfdfdf;background-color:#fff}.datepicker_wrapper .h4{margin-bottom:0}.datepicker_wrapper thead th{text-align:center;width:15%}.datepicker_wrapper .btn{padding:2px 4px}.datepicker_wrapper button.close{position:absolute;right:-14px;top:-18px;background-color:#fff;border:1px solid #dfdfdf;border-radius:50%;width:30px;height:30px;opacity:1}.datepicker_wrapper .month-input{width:50%;margin-right:5px}:host ::ng-deep foehn-select select.form-control{padding:0;margin:0;height:30px}:host ::ng-deep foehn-select .form-group{margin:0}.btn-info:disabled{cursor:not-allowed}.datepicker-nav-month-btn:disabled{opacity:.25}\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: "15.2.9", 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 close\"\n        [attr.aria-label]=\"\n            'foehn-date-picker.close-button.aria-label' | fromDictionary\n        \"\n        [id]=\"buildId('closeButton')\"\n    >\n        <span aria-hidden=\"true\">&times;</span>\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                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=\"sr-only\"\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                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        <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                        class=\"btn w-100\"\n                        #dayButtonElemRef\n                        [hidden]=\"!dayOfWeek.isCurrentMonth\"\n                        [id]=\"buildId('day_' + indexRow + '_' + indexColumn)\"\n                        [tabindex]=\"getDayTabIndex(dayOfWeek)\"\n                        [class.btn-info]=\"!isToday(dayOfWeek.date)\"\n                        [class.btn-secondary]=\"isToday(dayOfWeek.date)\"\n                        [class.btn-danger]=\"isSelected(dayOfWeek.date)\"\n                        [attr.aria-label]=\"\n                            weekDays[indexColumn] +\n                            ' ' +\n                            dayOfWeek.dateAsReadable\n                        \"\n                        [attr.data-is-today]=\"isToday(dayOfWeek.date)\"\n                        [attr.data-is-selected]=\"isSelected(dayOfWeek.date)\"\n                        [attr.data-row-index]=\"indexRow\"\n                        [attr.data-column-index]=\"indexColumn\"\n                        [attr.day-number]=\"dayOfWeek.dayOfMonth\"\n                        [attr.disabled]=\"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:#000!important}.datepicker_header{margin-bottom:5px}.datepicker_wrapper{max-width:245px;padding:5px;border:1px solid #dfdfdf;background-color:#fff}.datepicker_wrapper .h4{margin-bottom:0}.datepicker_wrapper thead th{text-align:center;width:15%}.datepicker_wrapper .btn{padding:2px 4px}.datepicker_wrapper button.close{position:absolute;right:-14px;top:-18px;background-color:#fff;border:1px solid #dfdfdf;border-radius:50%;width:30px;height:30px;opacity:1}.datepicker_wrapper .month-input{width:50%;margin-right:5px}:host ::ng-deep foehn-select select.form-control{padding:0;margin:0;height:30px}:host ::ng-deep foehn-select .form-group{margin:0}.btn-info:disabled{cursor:not-allowed}.datepicker-nav-month-btn:disabled{opacity:.25}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.SdkDictionaryService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { id: [{

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

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

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

@@ -60,9 +60,9 @@ export class FoehnDatePickerButtonComponent {
         this.updateVisibilityStatus(false);
     }
 }
-FoehnDatePickerButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: FoehnDatePickerButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FoehnDatePickerButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.2", 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 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 pl-2 font-weight-normal align-self-center\"\n            [class.sr-only]=\"!displaySelectedDate\"\n        >\n            <span class=\"sr-only\">\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}.datepickerbutton_wrapper{position:relative}foehn-date-picker{position:absolute;z-index:9999;top:0;left:0}\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: "15.2.2", ngImport: i0, type: FoehnDatePickerButtonComponent, decorators: [{
+FoehnDatePickerButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FoehnDatePickerButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FoehnDatePickerButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", 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 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 pl-2 font-weight-normal align-self-center\"\n            [class.sr-only]=\"!displaySelectedDate\"\n        >\n            <span class=\"sr-only\">\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}.datepickerbutton_wrapper{position:relative}foehn-date-picker{position:absolute;z-index:9999;top:0;left:0}\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: "15.2.9", 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 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 pl-2 font-weight-normal align-self-center\"\n            [class.sr-only]=\"!displaySelectedDate\"\n        >\n            <span class=\"sr-only\">\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}.datepickerbutton_wrapper{position:relative}foehn-date-picker{position:absolute;z-index:9999;top:0;left:0}\n"] }]
         }], propDecorators: { datepickerTrigger: [{