@dsivd/prestations-ng 17.0.0-beta.4 → 17.0.0-beta.6

package/esm2022/foehn-page/foehn-transmit-waiting-modal/demande-transmit-interceptor.mjs

@@ -33,10 +33,10 @@ export class DemandeTransmitInterceptor {
         }
         return `api/${this._prefix}/transmission`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: DemandeTransmitInterceptor, deps: [{ token: i1.FoehnTransmitWaitingModalService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: DemandeTransmitInterceptor, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: DemandeTransmitInterceptor, deps: [{ token: i1.FoehnTransmitWaitingModalService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: DemandeTransmitInterceptor, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: DemandeTransmitInterceptor, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: DemandeTransmitInterceptor, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

package/esm2022/foehn-page/foehn-transmit-waiting-modal/foehn-transmit-waiting-modal.component.mjs

@@ -13,10 +13,10 @@ export class FoehnTransmitWaitingModalComponent {
         // In case the modal is closed by another mean such as the Escape key.
         this.transmitModalService.toggleModalVisibility(status);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FoehnTransmitWaitingModalComponent, deps: [{ token: i1.FoehnTransmitWaitingModalService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.1", type: FoehnTransmitWaitingModalComponent, selector: "foehn-transmit-waiting-modal", ngImport: i0, template: "<foehn-modal\n    [id]=\"'foehn-transmit-waiting-modal'\"\n    [modalHeaderText]=\"'foehn-transmit-waiting-modal.title' | fromDictionary\"\n    modalSize=\"modal-md\"\n    [isModalVisible]=\"isTransmit | async\"\n    (isModalVisibleChange)=\"updateVisibilityStatus($event)\"\n    [closeable]=\"false\"\n>\n    <!-- Need to add a tabindex=\"0\" (here on modal-body) otherwise cdkTrapFocus will not work because no closing button -->\n    <div class=\"modal-body-content\" tabindex=\"0\">\n        <p\n            [innerHTML]=\"\n                'foehn-transmit-waiting-modal.message' | fromDictionary\n            \"\n        ></p>\n        <div class=\"progress\" aria-hidden=\"true\">\n            <div\n                role=\"progressbar\"\n                class=\"progress-bar bg-success progress-bar-animated progress-bar-striped w-100\"\n            ></div>\n        </div>\n        <small\n            class=\"form-text text-secondary\"\n            [innerHTML]=\"'foehn-transmit-waiting-modal.help' | fromDictionary\"\n        ></small>\n    </div>\n</foehn-modal>\n", styles: [":host ::ng-deep .modal{z-index:10000}:host ::ng-deep .modal-header{background-color:var(--vd-neutral-lighter)}:host ::ng-deep .modal-content{border:none}:host ::ng-deep .modal-title{margin:0!important}:host ::ng-deep .modal-body{padding:.5rem}:host ::ng-deep .modal-body-content{padding:.5rem}:host ::ng-deep .modal-footer{display:none!important}\n"], dependencies: [{ kind: "component", type: i2.FoehnModalComponent, selector: "foehn-modal", inputs: ["id", "name", "modalSize", "modalBodyText", "modalHeaderText", "closeable", "modalTriggerHtmlElement", "isModalVisible"], outputs: ["isModalVisibleChange"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.SdkDictionaryPipe, name: "fromDictionary" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FoehnTransmitWaitingModalComponent, deps: [{ token: i1.FoehnTransmitWaitingModalService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.3", type: FoehnTransmitWaitingModalComponent, selector: "foehn-transmit-waiting-modal", ngImport: i0, template: "<foehn-modal\n    [id]=\"'foehn-transmit-waiting-modal'\"\n    [modalHeaderText]=\"'foehn-transmit-waiting-modal.title' | fromDictionary\"\n    modalSize=\"modal-md\"\n    [isModalVisible]=\"isTransmit | async\"\n    (isModalVisibleChange)=\"updateVisibilityStatus($event)\"\n    [closeable]=\"false\"\n>\n    <!-- Need to add a tabindex=\"0\" (here on modal-body) otherwise cdkTrapFocus will not work because no closing button -->\n    <div class=\"modal-body-content\" tabindex=\"0\">\n        <p\n            [innerHTML]=\"\n                'foehn-transmit-waiting-modal.message' | fromDictionary\n            \"\n        ></p>\n        <div class=\"progress\" aria-hidden=\"true\">\n            <div\n                role=\"progressbar\"\n                class=\"progress-bar bg-success progress-bar-animated progress-bar-striped w-100\"\n            ></div>\n        </div>\n        <small\n            class=\"form-text text-secondary\"\n            [innerHTML]=\"'foehn-transmit-waiting-modal.help' | fromDictionary\"\n        ></small>\n    </div>\n</foehn-modal>\n", styles: [":host ::ng-deep .modal{z-index:10000}:host ::ng-deep .modal-header{background-color:var(--vd-neutral-lighter)}:host ::ng-deep .modal-content{border:none}:host ::ng-deep .modal-title{margin:0!important}:host ::ng-deep .modal-body{padding:.5rem}:host ::ng-deep .modal-body-content{padding:.5rem}:host ::ng-deep .modal-footer{display:none!important}\n"], dependencies: [{ kind: "component", type: i2.FoehnModalComponent, selector: "foehn-modal", inputs: ["id", "name", "modalSize", "modalBodyText", "modalHeaderText", "closeable", "modalTriggerHtmlElement", "isModalVisible"], outputs: ["isModalVisibleChange"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.SdkDictionaryPipe, name: "fromDictionary" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FoehnTransmitWaitingModalComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FoehnTransmitWaitingModalComponent, decorators: [{
             type: Component,
             args: [{ selector: 'foehn-transmit-waiting-modal', template: "<foehn-modal\n    [id]=\"'foehn-transmit-waiting-modal'\"\n    [modalHeaderText]=\"'foehn-transmit-waiting-modal.title' | fromDictionary\"\n    modalSize=\"modal-md\"\n    [isModalVisible]=\"isTransmit | async\"\n    (isModalVisibleChange)=\"updateVisibilityStatus($event)\"\n    [closeable]=\"false\"\n>\n    <!-- Need to add a tabindex=\"0\" (here on modal-body) otherwise cdkTrapFocus will not work because no closing button -->\n    <div class=\"modal-body-content\" tabindex=\"0\">\n        <p\n            [innerHTML]=\"\n                'foehn-transmit-waiting-modal.message' | fromDictionary\n            \"\n        ></p>\n        <div class=\"progress\" aria-hidden=\"true\">\n            <div\n                role=\"progressbar\"\n                class=\"progress-bar bg-success progress-bar-animated progress-bar-striped w-100\"\n            ></div>\n        </div>\n        <small\n            class=\"form-text text-secondary\"\n            [innerHTML]=\"'foehn-transmit-waiting-modal.help' | fromDictionary\"\n        ></small>\n    </div>\n</foehn-modal>\n", styles: [":host ::ng-deep .modal{z-index:10000}:host ::ng-deep .modal-header{background-color:var(--vd-neutral-lighter)}:host ::ng-deep .modal-content{border:none}:host ::ng-deep .modal-title{margin:0!important}:host ::ng-deep .modal-body{padding:.5rem}:host ::ng-deep .modal-body-content{padding:.5rem}:host ::ng-deep .modal-footer{display:none!important}\n"] }]
         }], ctorParameters: () => [{ type: i1.FoehnTransmitWaitingModalService }] });

package/esm2022/foehn-page/foehn-transmit-waiting-modal/foehn-transmit-waiting-modal.service.mjs

@@ -20,10 +20,10 @@ export class FoehnTransmitWaitingModalService {
         }
         this.toggleModalBehaviorSubject.next(false);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FoehnTransmitWaitingModalService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FoehnTransmitWaitingModalService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FoehnTransmitWaitingModalService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FoehnTransmitWaitingModalService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FoehnTransmitWaitingModalService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FoehnTransmitWaitingModalService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

package/esm2022/foehn-recap-section/foehn-recap-section.component.mjs

@@ -84,10 +84,10 @@ export class FoehnRecapSectionComponent {
     isSet(value) {
         return !!value || value === 0 || value === false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FoehnRecapSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.1", type: FoehnRecapSectionComponent, selector: "foehn-recap-section", inputs: { acceptEmptyValues: "acceptEmptyValues", data: "data" }, ngImport: i0, template: "<section\n    class=\"mb-3 p-1 bg-light\"\n    *ngIf=\"atLeastOneElementHasContent(data)\"\n    [id]=\"data.id || data.titleKey\"\n>\n    <ng-container\n        [ngTemplateOutlet]=\"titleLevel\"\n        [ngTemplateOutletContext]=\"{ titleLevel: data.titleLevel }\"\n    ></ng-container>\n    <dl class=\"medium me-0 ms-0 ps-3 pe-3\">\n        <ng-container *ngFor=\"let element of data.elements\">\n            <dt\n                *ngIf=\"hasContent(element)\"\n                class=\"border-top border-grey p-2 text-break\"\n                [innerHTML]=\"element.key | fromDictionary\"\n            ></dt>\n            <dd\n                [id]=\"buildId(element)\"\n                *ngIf=\"!isAddress(element) && hasContent(element)\"\n                class=\"fw-light border-top border-grey p-2 text-break\"\n                [innerHTML]=\"cleanValue(element)\"\n            ></dd>\n            <dd\n                [id]=\"buildId(element)\"\n                *ngIf=\"isAddress(element) && hasContent(element)\"\n                class=\"fw-light border-top border-grey p-2 text-break\"\n            >\n                <foehn-display-address\n                    [address]=\"getAddressToDisplay(element)\"\n                ></foehn-display-address>\n            </dd>\n        </ng-container>\n    </dl>\n    <div\n        [id]=\"buildId(comment)\"\n        class=\"medium me-0 ms-0 ps-3 pe-3 text-break\"\n        *ngIf=\"hasContent(comment)\"\n        [innerHTML]=\"cleanValue(comment)\"\n    ></div>\n</section>\n\n<ng-template #titleLevel let-titleLevel=\"titleLevel\">\n    <h2\n        *ngIf=\"!titleLevel || titleLevel === 'h2'\"\n        class=\"h4 mb-3 ps-1\"\n        [innerHTML]=\"data.titleKey | fromDictionary\"\n    ></h2>\n    <h3\n        *ngIf=\"titleLevel === 'h3'\"\n        class=\"h4 mb-3 ps-1\"\n        [innerHTML]=\"data.titleKey | fromDictionary\"\n    ></h3>\n    <h4\n        *ngIf=\"titleLevel === 'h4'\"\n        class=\"h4 mb-3 ps-1\"\n        [innerHTML]=\"data.titleKey | fromDictionary\"\n    ></h4>\n    <h5\n        *ngIf=\"titleLevel === 'h5'\"\n        class=\"h4 mb-3 ps-1\"\n        [innerHTML]=\"data.titleKey | fromDictionary\"\n    ></h5>\n    <h6\n        *ngIf=\"titleLevel === 'h6'\"\n        class=\"h4 mb-3 ps-1\"\n        [innerHTML]=\"data.titleKey | fromDictionary\"\n    ></h6>\n</ng-template>\n", styles: ["dl{display:grid;grid-template-columns:auto auto}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.FoehnDisplayAddressComponent, selector: "foehn-display-address", inputs: ["address"] }, { kind: "pipe", type: i3.SdkDictionaryPipe, name: "fromDictionary" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FoehnRecapSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.3", type: FoehnRecapSectionComponent, selector: "foehn-recap-section", inputs: { acceptEmptyValues: "acceptEmptyValues", data: "data" }, ngImport: i0, template: "<section\n    class=\"mb-3 p-1 bg-light\"\n    *ngIf=\"atLeastOneElementHasContent(data)\"\n    [id]=\"data.id || data.titleKey\"\n>\n    <ng-container\n        [ngTemplateOutlet]=\"titleLevel\"\n        [ngTemplateOutletContext]=\"{ titleLevel: data.titleLevel }\"\n    ></ng-container>\n    <dl class=\"medium me-0 ms-0 ps-3 pe-3\">\n        <ng-container *ngFor=\"let element of data.elements\">\n            <dt\n                *ngIf=\"hasContent(element)\"\n                class=\"border-top border-grey p-2 text-break\"\n                [innerHTML]=\"element.key | fromDictionary\"\n            ></dt>\n            <dd\n                [id]=\"buildId(element)\"\n                *ngIf=\"!isAddress(element) && hasContent(element)\"\n                class=\"fw-light border-top border-grey p-2 text-break\"\n                [innerHTML]=\"cleanValue(element)\"\n            ></dd>\n            <dd\n                [id]=\"buildId(element)\"\n                *ngIf=\"isAddress(element) && hasContent(element)\"\n                class=\"fw-light border-top border-grey p-2 text-break\"\n            >\n                <foehn-display-address\n                    [address]=\"getAddressToDisplay(element)\"\n                ></foehn-display-address>\n            </dd>\n        </ng-container>\n    </dl>\n    <div\n        [id]=\"buildId(comment)\"\n        class=\"medium me-0 ms-0 ps-3 pe-3 text-break\"\n        *ngIf=\"hasContent(comment)\"\n        [innerHTML]=\"cleanValue(comment)\"\n    ></div>\n</section>\n\n<ng-template #titleLevel let-titleLevel=\"titleLevel\">\n    <h2\n        *ngIf=\"!titleLevel || titleLevel === 'h2'\"\n        class=\"h4 mb-3 ps-1\"\n        [innerHTML]=\"data.titleKey | fromDictionary\"\n    ></h2>\n    <h3\n        *ngIf=\"titleLevel === 'h3'\"\n        class=\"h4 mb-3 ps-1\"\n        [innerHTML]=\"data.titleKey | fromDictionary\"\n    ></h3>\n    <h4\n        *ngIf=\"titleLevel === 'h4'\"\n        class=\"h4 mb-3 ps-1\"\n        [innerHTML]=\"data.titleKey | fromDictionary\"\n    ></h4>\n    <h5\n        *ngIf=\"titleLevel === 'h5'\"\n        class=\"h4 mb-3 ps-1\"\n        [innerHTML]=\"data.titleKey | fromDictionary\"\n    ></h5>\n    <h6\n        *ngIf=\"titleLevel === 'h6'\"\n        class=\"h4 mb-3 ps-1\"\n        [innerHTML]=\"data.titleKey | fromDictionary\"\n    ></h6>\n</ng-template>\n", styles: ["dl{display:grid;grid-template-columns:auto auto}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.FoehnDisplayAddressComponent, selector: "foehn-display-address", inputs: ["address"] }, { kind: "pipe", type: i3.SdkDictionaryPipe, name: "fromDictionary" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FoehnRecapSectionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FoehnRecapSectionComponent, decorators: [{
             type: Component,
             args: [{ selector: 'foehn-recap-section', template: "<section\n    class=\"mb-3 p-1 bg-light\"\n    *ngIf=\"atLeastOneElementHasContent(data)\"\n    [id]=\"data.id || data.titleKey\"\n>\n    <ng-container\n        [ngTemplateOutlet]=\"titleLevel\"\n        [ngTemplateOutletContext]=\"{ titleLevel: data.titleLevel }\"\n    ></ng-container>\n    <dl class=\"medium me-0 ms-0 ps-3 pe-3\">\n        <ng-container *ngFor=\"let element of data.elements\">\n            <dt\n                *ngIf=\"hasContent(element)\"\n                class=\"border-top border-grey p-2 text-break\"\n                [innerHTML]=\"element.key | fromDictionary\"\n            ></dt>\n            <dd\n                [id]=\"buildId(element)\"\n                *ngIf=\"!isAddress(element) && hasContent(element)\"\n                class=\"fw-light border-top border-grey p-2 text-break\"\n                [innerHTML]=\"cleanValue(element)\"\n            ></dd>\n            <dd\n                [id]=\"buildId(element)\"\n                *ngIf=\"isAddress(element) && hasContent(element)\"\n                class=\"fw-light border-top border-grey p-2 text-break\"\n            >\n                <foehn-display-address\n                    [address]=\"getAddressToDisplay(element)\"\n                ></foehn-display-address>\n            </dd>\n        </ng-container>\n    </dl>\n    <div\n        [id]=\"buildId(comment)\"\n        class=\"medium me-0 ms-0 ps-3 pe-3 text-break\"\n        *ngIf=\"hasContent(comment)\"\n        [innerHTML]=\"cleanValue(comment)\"\n    ></div>\n</section>\n\n<ng-template #titleLevel let-titleLevel=\"titleLevel\">\n    <h2\n        *ngIf=\"!titleLevel || titleLevel === 'h2'\"\n        class=\"h4 mb-3 ps-1\"\n        [innerHTML]=\"data.titleKey | fromDictionary\"\n    ></h2>\n    <h3\n        *ngIf=\"titleLevel === 'h3'\"\n        class=\"h4 mb-3 ps-1\"\n        [innerHTML]=\"data.titleKey | fromDictionary\"\n    ></h3>\n    <h4\n        *ngIf=\"titleLevel === 'h4'\"\n        class=\"h4 mb-3 ps-1\"\n        [innerHTML]=\"data.titleKey | fromDictionary\"\n    ></h4>\n    <h5\n        *ngIf=\"titleLevel === 'h5'\"\n        class=\"h4 mb-3 ps-1\"\n        [innerHTML]=\"data.titleKey | fromDictionary\"\n    ></h5>\n    <h6\n        *ngIf=\"titleLevel === 'h6'\"\n        class=\"h4 mb-3 ps-1\"\n        [innerHTML]=\"data.titleKey | fromDictionary\"\n    ></h6>\n</ng-template>\n", styles: ["dl{display:grid;grid-template-columns:auto auto}\n"] }]
         }], propDecorators: { acceptEmptyValues: [{

package/esm2022/foehn-recap-section/foehn-recap-section.module.mjs

@@ -5,11 +5,11 @@ import { SdkDictionaryModule } from '../sdk-dictionary/sdk-dictionary.module';
 import { FoehnRecapSectionComponent } from './foehn-recap-section.component';
 import * as i0 from "@angular/core";
 export class FoehnRecapSectionModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FoehnRecapSectionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.1", ngImport: i0, type: FoehnRecapSectionModule, declarations: [FoehnRecapSectionComponent], imports: [CommonModule, SdkDictionaryModule, FoehnAddressModule], exports: [FoehnRecapSectionComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FoehnRecapSectionModule, imports: [CommonModule, SdkDictionaryModule, FoehnAddressModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FoehnRecapSectionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.3", ngImport: i0, type: FoehnRecapSectionModule, declarations: [FoehnRecapSectionComponent], imports: [CommonModule, SdkDictionaryModule, FoehnAddressModule], exports: [FoehnRecapSectionComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FoehnRecapSectionModule, imports: [CommonModule, SdkDictionaryModule, FoehnAddressModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FoehnRecapSectionModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FoehnRecapSectionModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [FoehnRecapSectionComponent],

package/esm2022/foehn-remaining-alerts-summary/foehn-remaining-alerts-summary.component.mjs

@@ -36,10 +36,10 @@ export class FoehnRemainingAlertsSummaryComponent {
     set remainingErrorsLabel(msg) {
         this.remainingErrorsLabelSubject.next(msg);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FoehnRemainingAlertsSummaryComponent, deps: [{ token: i1.GesdemHandlerService }, { token: i2.ApplicationInfoService }, { token: i3.SdkDictionaryService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.1", type: FoehnRemainingAlertsSummaryComponent, selector: "foehn-remaining-alerts-summary", inputs: { remainingErrorNamesToIgnore: "remainingErrorNamesToIgnore", remainingErrorsLabel: "remainingErrorsLabel" }, ngImport: i0, template: "<div\n    class=\"alert alert-danger\"\n    *ngIf=\"hasRemainingErrors | async\"\n    [innerHTML]=\"remainingErrorsMessage | async\"\n></div>\n", styles: [""], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FoehnRemainingAlertsSummaryComponent, deps: [{ token: i1.GesdemHandlerService }, { token: i2.ApplicationInfoService }, { token: i3.SdkDictionaryService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.3", type: FoehnRemainingAlertsSummaryComponent, selector: "foehn-remaining-alerts-summary", inputs: { remainingErrorNamesToIgnore: "remainingErrorNamesToIgnore", remainingErrorsLabel: "remainingErrorsLabel" }, ngImport: i0, template: "<div\n    class=\"alert alert-danger\"\n    *ngIf=\"hasRemainingErrors | async\"\n    [innerHTML]=\"remainingErrorsMessage | async\"\n></div>\n", styles: [""], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FoehnRemainingAlertsSummaryComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FoehnRemainingAlertsSummaryComponent, decorators: [{
             type: Component,
             args: [{ selector: 'foehn-remaining-alerts-summary', template: "<div\n    class=\"alert alert-danger\"\n    *ngIf=\"hasRemainingErrors | async\"\n    [innerHTML]=\"remainingErrorsMessage | async\"\n></div>\n" }]
         }], ctorParameters: () => [{ type: i1.GesdemHandlerService }, { type: i2.ApplicationInfoService }, { type: i3.SdkDictionaryService }], propDecorators: { remainingErrorNamesToIgnore: [{

package/esm2022/foehn-remaining-alerts-summary/foehn-remaining-alerts-summary.module.mjs

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

package/esm2022/foehn-status-progress-bar/foehn-status-progress-bar.component.mjs

@@ -44,10 +44,10 @@ export class FoehnStatusProgressBarComponent {
             this.isTransmittedSub.unsubscribe();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FoehnStatusProgressBarComponent, deps: [{ token: i1.ActivatedRoute }, { token: i2.FoehnNavigationService }, { token: i3.GesdemEventService }, { token: i4.GesdemHandlerService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.1", type: FoehnStatusProgressBarComponent, selector: "foehn-status-progress-bar", inputs: { hidden: "hidden" }, ngImport: i0, template: "<div *ngIf=\"isEnabled()\">\n    <div class=\"container\">\n        <div class=\"row justify-content-center\">\n            <div class=\"col\">\n                <div\n                    class=\"visually-hidden\"\n                    aria-live=\"polite\"\n                    role=\"status\"\n                    aria-atomic=\"true\"\n                    tabindex=\"0\"\n                >\n                    <span *ngIf=\"isTransmitted; else notTransmitted\">\n                        {{\n                            'foehn-status-progress-bar.step3.srOnly'\n                                | fromDictionary\n                        }}\n                    </span>\n                    <ng-template #notTransmitted>\n                        <span *ngIf=\"isStep2Active()\">\n                            {{\n                                'foehn-status-progress-bar.step2.srOnly'\n                                    | fromDictionary\n                            }}\n                        </span>\n                        <span *ngIf=\"!isStep2Active()\">\n                            {{\n                                'foehn-status-progress-bar.step1.srOnly'\n                                    | fromDictionary\n                            }}\n                        </span>\n                    </ng-template>\n                </div>\n\n                <ul id=\"progressbar\" class=\"ps-0 mt-1\" aria-hidden=\"true\">\n                    <li class=\"active\" id=\"step1\">\n                        <strong>\n                            {{\n                                'foehn-status-progress-bar.step1'\n                                    | fromDictionary\n                            }}\n                        </strong>\n                    </li>\n                    <li\n                        id=\"step2\"\n                        [ngClass]=\"{\n                            active: isStep2Active()\n                        }\"\n                    >\n                        <strong>\n                            {{\n                                'foehn-status-progress-bar.step2'\n                                    | fromDictionary\n                            }}\n                        </strong>\n                    </li>\n\n                    <li id=\"step3\" [ngClass]=\"{ active: isTransmitted }\">\n                        <strong>\n                            {{\n                                'foehn-status-progress-bar.step3'\n                                    | fromDictionary\n                            }}\n                        </strong>\n                    </li>\n                </ul>\n            </div>\n        </div>\n    </div>\n</div>\n", styles: [".col{text-align:center;position:relative}#progressbar{overflow:hidden;color:#d3d3d3}#progressbar .active{color:var(--vd-primary-dark)}#progressbar li{list-style-type:none;font-size:15px;width:33%;float:left;position:relative;font-weight:400}#progressbar #step1:before{content:\"1\"}#progressbar #step2:before{content:\"2\"}#progressbar #step3:before{content:\"3\"}#progressbar li:before{width:50px;height:50px;line-height:45px;display:block;font-size:20px;color:#fff;background:#d3d3d3;border-radius:50%;margin:0 auto 10px;padding:2px}#progressbar li:after{content:\"\";width:100%;height:2px;background:#d3d3d3;position:absolute;left:0;top:25px;z-index:-1}#progressbar li.active:before,#progressbar li.active:after{background:var(--vd-primary-dark)}\n"], dependencies: [{ kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i6.SdkDictionaryPipe, name: "fromDictionary" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FoehnStatusProgressBarComponent, deps: [{ token: i1.ActivatedRoute }, { token: i2.FoehnNavigationService }, { token: i3.GesdemEventService }, { token: i4.GesdemHandlerService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.3", type: FoehnStatusProgressBarComponent, selector: "foehn-status-progress-bar", inputs: { hidden: "hidden" }, ngImport: i0, template: "<div *ngIf=\"isEnabled()\">\n    <div class=\"container\">\n        <div class=\"row justify-content-center\">\n            <div class=\"col\">\n                <div\n                    class=\"visually-hidden\"\n                    aria-live=\"polite\"\n                    role=\"status\"\n                    aria-atomic=\"true\"\n                    tabindex=\"0\"\n                >\n                    <span *ngIf=\"isTransmitted; else notTransmitted\">\n                        {{\n                            'foehn-status-progress-bar.step3.srOnly'\n                                | fromDictionary\n                        }}\n                    </span>\n                    <ng-template #notTransmitted>\n                        <span *ngIf=\"isStep2Active()\">\n                            {{\n                                'foehn-status-progress-bar.step2.srOnly'\n                                    | fromDictionary\n                            }}\n                        </span>\n                        <span *ngIf=\"!isStep2Active()\">\n                            {{\n                                'foehn-status-progress-bar.step1.srOnly'\n                                    | fromDictionary\n                            }}\n                        </span>\n                    </ng-template>\n                </div>\n\n                <ul id=\"progressbar\" class=\"ps-0 mt-1\" aria-hidden=\"true\">\n                    <li class=\"active\" id=\"step1\">\n                        <strong>\n                            {{\n                                'foehn-status-progress-bar.step1'\n                                    | fromDictionary\n                            }}\n                        </strong>\n                    </li>\n                    <li\n                        id=\"step2\"\n                        [ngClass]=\"{\n                            active: isStep2Active()\n                        }\"\n                    >\n                        <strong>\n                            {{\n                                'foehn-status-progress-bar.step2'\n                                    | fromDictionary\n                            }}\n                        </strong>\n                    </li>\n\n                    <li id=\"step3\" [ngClass]=\"{ active: isTransmitted }\">\n                        <strong>\n                            {{\n                                'foehn-status-progress-bar.step3'\n                                    | fromDictionary\n                            }}\n                        </strong>\n                    </li>\n                </ul>\n            </div>\n        </div>\n    </div>\n</div>\n", styles: [".col{text-align:center;position:relative}#progressbar{overflow:hidden;color:#d3d3d3}#progressbar .active{color:var(--vd-primary-dark)}#progressbar li{list-style-type:none;font-size:15px;width:33%;float:left;position:relative;font-weight:400}#progressbar #step1:before{content:\"1\"}#progressbar #step2:before{content:\"2\"}#progressbar #step3:before{content:\"3\"}#progressbar li:before{width:50px;height:50px;line-height:45px;display:block;font-size:20px;color:#fff;background:#d3d3d3;border-radius:50%;margin:0 auto 10px;padding:2px}#progressbar li:after{content:\"\";width:100%;height:2px;background:#d3d3d3;position:absolute;left:0;top:25px;z-index:-1}#progressbar li.active:before,#progressbar li.active:after{background:var(--vd-primary-dark)}\n"], dependencies: [{ kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i6.SdkDictionaryPipe, name: "fromDictionary" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FoehnStatusProgressBarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FoehnStatusProgressBarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'foehn-status-progress-bar', template: "<div *ngIf=\"isEnabled()\">\n    <div class=\"container\">\n        <div class=\"row justify-content-center\">\n            <div class=\"col\">\n                <div\n                    class=\"visually-hidden\"\n                    aria-live=\"polite\"\n                    role=\"status\"\n                    aria-atomic=\"true\"\n                    tabindex=\"0\"\n                >\n                    <span *ngIf=\"isTransmitted; else notTransmitted\">\n                        {{\n                            'foehn-status-progress-bar.step3.srOnly'\n                                | fromDictionary\n                        }}\n                    </span>\n                    <ng-template #notTransmitted>\n                        <span *ngIf=\"isStep2Active()\">\n                            {{\n                                'foehn-status-progress-bar.step2.srOnly'\n                                    | fromDictionary\n                            }}\n                        </span>\n                        <span *ngIf=\"!isStep2Active()\">\n                            {{\n                                'foehn-status-progress-bar.step1.srOnly'\n                                    | fromDictionary\n                            }}\n                        </span>\n                    </ng-template>\n                </div>\n\n                <ul id=\"progressbar\" class=\"ps-0 mt-1\" aria-hidden=\"true\">\n                    <li class=\"active\" id=\"step1\">\n                        <strong>\n                            {{\n                                'foehn-status-progress-bar.step1'\n                                    | fromDictionary\n                            }}\n                        </strong>\n                    </li>\n                    <li\n                        id=\"step2\"\n                        [ngClass]=\"{\n                            active: isStep2Active()\n                        }\"\n                    >\n                        <strong>\n                            {{\n                                'foehn-status-progress-bar.step2'\n                                    | fromDictionary\n                            }}\n                        </strong>\n                    </li>\n\n                    <li id=\"step3\" [ngClass]=\"{ active: isTransmitted }\">\n                        <strong>\n                            {{\n                                'foehn-status-progress-bar.step3'\n                                    | fromDictionary\n                            }}\n                        </strong>\n                    </li>\n                </ul>\n            </div>\n        </div>\n    </div>\n</div>\n", styles: [".col{text-align:center;position:relative}#progressbar{overflow:hidden;color:#d3d3d3}#progressbar .active{color:var(--vd-primary-dark)}#progressbar li{list-style-type:none;font-size:15px;width:33%;float:left;position:relative;font-weight:400}#progressbar #step1:before{content:\"1\"}#progressbar #step2:before{content:\"2\"}#progressbar #step3:before{content:\"3\"}#progressbar li:before{width:50px;height:50px;line-height:45px;display:block;font-size:20px;color:#fff;background:#d3d3d3;border-radius:50%;margin:0 auto 10px;padding:2px}#progressbar li:after{content:\"\";width:100%;height:2px;background:#d3d3d3;position:absolute;left:0;top:25px;z-index:-1}#progressbar li.active:before,#progressbar li.active:after{background:var(--vd-primary-dark)}\n"] }]
         }], ctorParameters: () => [{ type: i1.ActivatedRoute }, { type: i2.FoehnNavigationService }, { type: i3.GesdemEventService }, { type: i4.GesdemHandlerService }], propDecorators: { hidden: [{

package/esm2022/foehn-status-progress-bar/foehn-status-progress-bar.module.mjs

@@ -5,11 +5,11 @@ import { SdkDictionaryModule } from '../sdk-dictionary/sdk-dictionary.module';
 import { FoehnStatusProgressBarComponent } from './foehn-status-progress-bar.component';
 import * as i0 from "@angular/core";
 export class FoehnStatusProgressBarModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FoehnStatusProgressBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.1", ngImport: i0, type: FoehnStatusProgressBarModule, declarations: [FoehnStatusProgressBarComponent], imports: [CommonModule, RouterModule, SdkDictionaryModule], exports: [FoehnStatusProgressBarComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FoehnStatusProgressBarModule, imports: [CommonModule, RouterModule, SdkDictionaryModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FoehnStatusProgressBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.3", ngImport: i0, type: FoehnStatusProgressBarModule, declarations: [FoehnStatusProgressBarComponent], imports: [CommonModule, RouterModule, SdkDictionaryModule], exports: [FoehnStatusProgressBarComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FoehnStatusProgressBarModule, imports: [CommonModule, RouterModule, SdkDictionaryModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FoehnStatusProgressBarModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FoehnStatusProgressBarModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, RouterModule, SdkDictionaryModule],

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

@@ -113,10 +113,10 @@ export class FoehnTableComponent {
         const start = (this.currentPage - 1) * this.itemsPerPage;
         this.filteredList = this._list.slice(start, start + this.itemsPerPage);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FoehnTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.1", type: FoehnTableComponent, selector: "foehn-table", inputs: { itemsPerPage: "itemsPerPage", id: "id", previousLabel: "previousLabel", nextLabel: "nextLabel", totalElements: "totalElements", fixedPageCount: "fixedPageCount", columnsConfiguration: "columnsConfiguration", sort: "sort", list: "list", trackByFn: "trackByFn" }, outputs: { pageChange: "pageChange", sortChange: "sortChange" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"row\" [id]=\"id\">\n    <div class=\"col-12\">\n        <h4 *ngIf=\"!!totalElements && totalElements === 1\">\n            {{ 'foehn-table.totalElements.1' | fromDictionary }}\n        </h4>\n        <h4 *ngIf=\"!!totalElements && totalElements !== 1\">\n            {{\n                'foehn-table.totalElements'\n                    | fromDictionary: { total: totalElements.toString() }\n            }}\n        </h4>\n    </div>\n\n    <div class=\"col-12 table-responsive\">\n        <table class=\"table table-hover\">\n            <thead class=\"vd-bg-pattern-bars-gray\">\n                <tr>\n                    <th\n                        scope=\"col\"\n                        *ngFor=\"\n                            let col of columnsConfiguration;\n                            trackBy: trackFoehnTableColumnConfiguration\n                        \"\n                        [id]=\"col.id\"\n                    >\n                        <ng-container\n                            *ngIf=\"!filteredList.length || !col.sortAttribute\"\n                        >\n                            <span\n                                [innerHTML]=\"\n                                    col.columnLabelKey | fromDictionary\n                                \"\n                            ></span>\n                        </ng-container>\n\n                        <ng-container\n                            *ngIf=\"!!filteredList.length && !!col.sortAttribute\"\n                        >\n                            <a\n                                href=\"#\"\n                                class=\"vd-text-thin\"\n                                (click)=\"\n                                    $event.preventDefault();\n                                    triggerSort(col.sortAttribute)\n                                \"\n                                [title]=\"\n                                    'Trier par ' +\n                                    (col.columnLabelKey | fromDictionary)\n                                \"\n                            >\n                                <span\n                                    [innerHTML]=\"\n                                        col.columnLabelKey | fromDictionary\n                                    \"\n                                ></span>\n                                <ng-container\n                                    *ngIf=\"\n                                        sort.sortAttribute === col.sortAttribute\n                                    \"\n                                >\n                                    <span\n                                        class=\"ms-3\"\n                                        *ngIf=\"sort.sortDirection === 'ASC'\"\n                                    >\n                                        <foehn-icon-chevron-up></foehn-icon-chevron-up>\n                                    </span>\n                                    <span\n                                        class=\"ms-3\"\n                                        *ngIf=\"sort.sortDirection === 'DESC'\"\n                                    >\n                                        <foehn-icon-chevron-down></foehn-icon-chevron-down>\n                                    </span>\n                                </ng-container>\n                            </a>\n                        </ng-container>\n                    </th>\n                </tr>\n            </thead>\n            <tbody>\n                <tr\n                    *ngFor=\"\n                        let item of filteredList;\n                        let index = index;\n                        trackBy: trackByFn\n                    \"\n                >\n                    <td\n                        *ngFor=\"\n                            let col of columnsConfiguration;\n                            trackBy: trackFoehnTableColumnConfiguration\n                        \"\n                        [id]=\"col.id + '-' + index\"\n                    >\n                        <ng-container *ngIf=\"!!col.isImportant\">\n                            <span\n                                *ngIf=\"col.isImportant(item)\"\n                                class=\"cell-vertical-align-middle\"\n                            >\n                                <svg\n                                    xmlns=\"http://www.w3.org/2000/svg\"\n                                    width=\"30\"\n                                    height=\"30\"\n                                    style=\"color: red\"\n                                    fill=\"currentColor\"\n                                    class=\"bi bi-exclamation\"\n                                    viewBox=\"0 0 16 16\"\n                                >\n                                    <path\n                                        d=\"M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.553.553 0 0 1-1.1 0L7.1 4.995z\"\n                                    />\n                                </svg>\n                            </span>\n                        </ng-container>\n\n                        <ng-container *ngIf=\"!!col.iconGetter\">\n                            <span\n                                *ngIf=\"col.iconGetter(item) as iconDef\"\n                                class=\"cell-vertical-align-middle me-2\"\n                            >\n                                <fa-icon\n                                    aria-hidden=\"true\"\n                                    [icon]=\"iconDef.icon\"\n                                    [title]=\"iconDef.label\"\n                                ></fa-icon>\n                                <span class=\"visually-hidden\">\n                                    {{ iconDef.label }}\n                                </span>\n                            </span>\n                        </ng-container>\n\n                        <ng-container *ngIf=\"!!col.template\">\n                            <ng-template\n                                [ngTemplateOutlet]=\"col.template\"\n                                [ngTemplateOutletContext]=\"{\n                                    item: item,\n                                    index: index\n                                }\"\n                            ></ng-template>\n                        </ng-container>\n\n                        <ng-container *ngIf=\"!col.template\">\n                            <span\n                                [innerHTML]=\"col.valueGetter(item)\"\n                                class=\"cell-vertical-align-middle\"\n                            ></span>\n                        </ng-container>\n                    </td>\n                </tr>\n                <tr *ngIf=\"!!columnsConfiguration && !filteredList.length\">\n                    <td [colSpan]=\"columnsConfiguration.length\">\n                        <div class=\"w-100 text-center\">\n                            {{ 'foehn-table.totalElements.0' | fromDictionary }}\n                        </div>\n                    </td>\n                </tr>\n            </tbody>\n        </table>\n\n        <div class=\"row d-flex justify-content-between p-1\">\n            <div class=\"col-lg-3 col-md-3 col-sm-6 col-xs-6\">\n                <nav\n                    class=\"vd-pagination\"\n                    aria-label=\"Pagination\"\n                    *ngIf=\"hasPreviousPage()\"\n                >\n                    <ul class=\"vd-pagination__list\">\n                        <li\n                            class=\"vd-pagination__item vd-pagination__item--previous\"\n                        >\n                            <button\n                                class=\"btn-link vd-pagination__link btn-no-extra vd-pagination__link-reset\"\n                                (click)=\"previousPage()\"\n                            >\n                                <span class=\"vd-pagination__title\">\n                                    <foehn-icon-chevron-left></foehn-icon-chevron-left>\n                                    {{ previousLabel }}\n                                </span>\n                                <span class=\"visually-hidden\">:</span>\n                                <span class=\"vd-pagination__label\">\n                                    {{ currentPage - 1 }} sur {{ pagesCount() }}\n                                </span>\n                            </button>\n                        </li>\n                    </ul>\n                </nav>\n            </div>\n\n            <div class=\"col-lg-3 col-md-3 col-sm-6 col-xs-6\">\n                <nav\n                    class=\"vd-pagination\"\n                    aria-label=\"Pagination\"\n                    *ngIf=\"hasNextPage()\"\n                >\n                    <ul class=\"vd-pagination__list\">\n                        <li\n                            class=\"vd-pagination__item vd-pagination__item--next\"\n                        >\n                            <button\n                                class=\"btn-link vd-pagination__link btn-no-extra vd-pagination__link-reset\"\n                                (click)=\"nextPage()\"\n                            >\n                                <span class=\"vd-pagination__title\">\n                                    {{ nextLabel }}\n                                    <foehn-icon-chevron-right></foehn-icon-chevron-right>\n                                </span>\n                                <span class=\"visually-hidden\">:</span>\n                                <span class=\"vd-pagination__label\">\n                                    {{ currentPage + 1 }} sur {{ pagesCount() }}\n                                </span>\n                            </button>\n                        </li>\n                    </ul>\n                </nav>\n            </div>\n        </div>\n    </div>\n</div>\n", styles: [".btn-no-extra{padding:0;border:none;font-weight:400;text-decoration-line:none}.vd-pagination__link-reset{background:none;border:none;font-weight:inherit;text-decoration-line:none;text-align:inherit;cursor:pointer}.vd-pagination__link-reset:focus{background-color:var(--vd-focus)}.cell-vertical-align-middle{vertical-align:middle}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.FoehnIconChevronDownComponent, selector: "foehn-icon-chevron-down" }, { kind: "component", type: i3.FoehnIconChevronUpComponent, selector: "foehn-icon-chevron-up" }, { kind: "component", type: i4.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "component", type: i5.FoehnIconChevronLeftComponent, selector: "foehn-icon-chevron-left" }, { kind: "component", type: i6.FoehnIconChevronRightComponent, selector: "foehn-icon-chevron-right" }, { kind: "pipe", type: i7.SdkDictionaryPipe, name: "fromDictionary" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FoehnTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.3", type: FoehnTableComponent, selector: "foehn-table", inputs: { itemsPerPage: "itemsPerPage", id: "id", previousLabel: "previousLabel", nextLabel: "nextLabel", totalElements: "totalElements", fixedPageCount: "fixedPageCount", columnsConfiguration: "columnsConfiguration", sort: "sort", list: "list", trackByFn: "trackByFn" }, outputs: { pageChange: "pageChange", sortChange: "sortChange" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"row\" [id]=\"id\">\n    <div class=\"col-12\">\n        <h4 *ngIf=\"!!totalElements && totalElements === 1\">\n            {{ 'foehn-table.totalElements.1' | fromDictionary }}\n        </h4>\n        <h4 *ngIf=\"!!totalElements && totalElements !== 1\">\n            {{\n                'foehn-table.totalElements'\n                    | fromDictionary: { total: totalElements.toString() }\n            }}\n        </h4>\n    </div>\n\n    <div class=\"col-12 table-responsive\">\n        <table class=\"table table-hover\">\n            <thead class=\"vd-bg-pattern-bars-gray\">\n                <tr>\n                    <th\n                        scope=\"col\"\n                        *ngFor=\"\n                            let col of columnsConfiguration;\n                            trackBy: trackFoehnTableColumnConfiguration\n                        \"\n                        [id]=\"col.id\"\n                    >\n                        <ng-container\n                            *ngIf=\"!filteredList.length || !col.sortAttribute\"\n                        >\n                            <span\n                                [innerHTML]=\"\n                                    col.columnLabelKey | fromDictionary\n                                \"\n                            ></span>\n                        </ng-container>\n\n                        <ng-container\n                            *ngIf=\"!!filteredList.length && !!col.sortAttribute\"\n                        >\n                            <a\n                                href=\"#\"\n                                class=\"vd-text-thin\"\n                                (click)=\"\n                                    $event.preventDefault();\n                                    triggerSort(col.sortAttribute)\n                                \"\n                                [title]=\"\n                                    'Trier par ' +\n                                    (col.columnLabelKey | fromDictionary)\n                                \"\n                            >\n                                <span\n                                    [innerHTML]=\"\n                                        col.columnLabelKey | fromDictionary\n                                    \"\n                                ></span>\n                                <ng-container\n                                    *ngIf=\"\n                                        sort.sortAttribute === col.sortAttribute\n                                    \"\n                                >\n                                    <span\n                                        class=\"ms-3\"\n                                        *ngIf=\"sort.sortDirection === 'ASC'\"\n                                    >\n                                        <foehn-icon-chevron-up></foehn-icon-chevron-up>\n                                    </span>\n                                    <span\n                                        class=\"ms-3\"\n                                        *ngIf=\"sort.sortDirection === 'DESC'\"\n                                    >\n                                        <foehn-icon-chevron-down></foehn-icon-chevron-down>\n                                    </span>\n                                </ng-container>\n                            </a>\n                        </ng-container>\n                    </th>\n                </tr>\n            </thead>\n            <tbody>\n                <tr\n                    *ngFor=\"\n                        let item of filteredList;\n                        let index = index;\n                        trackBy: trackByFn\n                    \"\n                >\n                    <td\n                        *ngFor=\"\n                            let col of columnsConfiguration;\n                            trackBy: trackFoehnTableColumnConfiguration\n                        \"\n                        [id]=\"col.id + '-' + index\"\n                    >\n                        <ng-container *ngIf=\"!!col.isImportant\">\n                            <span\n                                *ngIf=\"col.isImportant(item)\"\n                                class=\"cell-vertical-align-middle\"\n                            >\n                                <svg\n                                    xmlns=\"http://www.w3.org/2000/svg\"\n                                    width=\"30\"\n                                    height=\"30\"\n                                    style=\"color: red\"\n                                    fill=\"currentColor\"\n                                    class=\"bi bi-exclamation\"\n                                    viewBox=\"0 0 16 16\"\n                                >\n                                    <path\n                                        d=\"M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.553.553 0 0 1-1.1 0L7.1 4.995z\"\n                                    />\n                                </svg>\n                            </span>\n                        </ng-container>\n\n                        <ng-container *ngIf=\"!!col.iconGetter\">\n                            <span\n                                *ngIf=\"col.iconGetter(item) as iconDef\"\n                                class=\"cell-vertical-align-middle me-2\"\n                            >\n                                <fa-icon\n                                    aria-hidden=\"true\"\n                                    [icon]=\"iconDef.icon\"\n                                    [title]=\"iconDef.label\"\n                                ></fa-icon>\n                                <span class=\"visually-hidden\">\n                                    {{ iconDef.label }}\n                                </span>\n                            </span>\n                        </ng-container>\n\n                        <ng-container *ngIf=\"!!col.template\">\n                            <ng-template\n                                [ngTemplateOutlet]=\"col.template\"\n                                [ngTemplateOutletContext]=\"{\n                                    item: item,\n                                    index: index\n                                }\"\n                            ></ng-template>\n                        </ng-container>\n\n                        <ng-container *ngIf=\"!col.template\">\n                            <span\n                                [innerHTML]=\"col.valueGetter(item)\"\n                                class=\"cell-vertical-align-middle\"\n                            ></span>\n                        </ng-container>\n                    </td>\n                </tr>\n                <tr *ngIf=\"!!columnsConfiguration && !filteredList.length\">\n                    <td [colSpan]=\"columnsConfiguration.length\">\n                        <div class=\"w-100 text-center\">\n                            {{ 'foehn-table.totalElements.0' | fromDictionary }}\n                        </div>\n                    </td>\n                </tr>\n            </tbody>\n        </table>\n\n        <div class=\"row d-flex justify-content-between p-1\">\n            <div class=\"col-lg-3 col-md-3 col-sm-6 col-xs-6\">\n                <nav\n                    class=\"vd-pagination\"\n                    aria-label=\"Pagination\"\n                    *ngIf=\"hasPreviousPage()\"\n                >\n                    <ul class=\"vd-pagination__list\">\n                        <li\n                            class=\"vd-pagination__item vd-pagination__item--previous\"\n                        >\n                            <button\n                                class=\"btn-link vd-pagination__link btn-no-extra vd-pagination__link-reset\"\n                                (click)=\"previousPage()\"\n                            >\n                                <span class=\"vd-pagination__title\">\n                                    <foehn-icon-chevron-left></foehn-icon-chevron-left>\n                                    {{ previousLabel }}\n                                </span>\n                                <span class=\"visually-hidden\">:</span>\n                                <span class=\"vd-pagination__label\">\n                                    {{ currentPage - 1 }} sur {{ pagesCount() }}\n                                </span>\n                            </button>\n                        </li>\n                    </ul>\n                </nav>\n            </div>\n\n            <div class=\"col-lg-3 col-md-3 col-sm-6 col-xs-6\">\n                <nav\n                    class=\"vd-pagination\"\n                    aria-label=\"Pagination\"\n                    *ngIf=\"hasNextPage()\"\n                >\n                    <ul class=\"vd-pagination__list\">\n                        <li\n                            class=\"vd-pagination__item vd-pagination__item--next\"\n                        >\n                            <button\n                                class=\"btn-link vd-pagination__link btn-no-extra vd-pagination__link-reset\"\n                                (click)=\"nextPage()\"\n                            >\n                                <span class=\"vd-pagination__title\">\n                                    {{ nextLabel }}\n                                    <foehn-icon-chevron-right></foehn-icon-chevron-right>\n                                </span>\n                                <span class=\"visually-hidden\">:</span>\n                                <span class=\"vd-pagination__label\">\n                                    {{ currentPage + 1 }} sur {{ pagesCount() }}\n                                </span>\n                            </button>\n                        </li>\n                    </ul>\n                </nav>\n            </div>\n        </div>\n    </div>\n</div>\n", styles: [".btn-no-extra{padding:0;border:none;font-weight:400;text-decoration-line:none}.vd-pagination__link-reset{background:none;border:none;font-weight:inherit;text-decoration-line:none;text-align:inherit;cursor:pointer}.vd-pagination__link-reset:focus{background-color:var(--vd-focus)}.cell-vertical-align-middle{vertical-align:middle}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.FoehnIconChevronDownComponent, selector: "foehn-icon-chevron-down" }, { kind: "component", type: i3.FoehnIconChevronUpComponent, selector: "foehn-icon-chevron-up" }, { kind: "component", type: i4.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "component", type: i5.FoehnIconChevronLeftComponent, selector: "foehn-icon-chevron-left" }, { kind: "component", type: i6.FoehnIconChevronRightComponent, selector: "foehn-icon-chevron-right" }, { kind: "pipe", type: i7.SdkDictionaryPipe, name: "fromDictionary" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FoehnTableComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FoehnTableComponent, decorators: [{
             type: Component,
             args: [{ selector: 'foehn-table', template: "<div class=\"row\" [id]=\"id\">\n    <div class=\"col-12\">\n        <h4 *ngIf=\"!!totalElements && totalElements === 1\">\n            {{ 'foehn-table.totalElements.1' | fromDictionary }}\n        </h4>\n        <h4 *ngIf=\"!!totalElements && totalElements !== 1\">\n            {{\n                'foehn-table.totalElements'\n                    | fromDictionary: { total: totalElements.toString() }\n            }}\n        </h4>\n    </div>\n\n    <div class=\"col-12 table-responsive\">\n        <table class=\"table table-hover\">\n            <thead class=\"vd-bg-pattern-bars-gray\">\n                <tr>\n                    <th\n                        scope=\"col\"\n                        *ngFor=\"\n                            let col of columnsConfiguration;\n                            trackBy: trackFoehnTableColumnConfiguration\n                        \"\n                        [id]=\"col.id\"\n                    >\n                        <ng-container\n                            *ngIf=\"!filteredList.length || !col.sortAttribute\"\n                        >\n                            <span\n                                [innerHTML]=\"\n                                    col.columnLabelKey | fromDictionary\n                                \"\n                            ></span>\n                        </ng-container>\n\n                        <ng-container\n                            *ngIf=\"!!filteredList.length && !!col.sortAttribute\"\n                        >\n                            <a\n                                href=\"#\"\n                                class=\"vd-text-thin\"\n                                (click)=\"\n                                    $event.preventDefault();\n                                    triggerSort(col.sortAttribute)\n                                \"\n                                [title]=\"\n                                    'Trier par ' +\n                                    (col.columnLabelKey | fromDictionary)\n                                \"\n                            >\n                                <span\n                                    [innerHTML]=\"\n                                        col.columnLabelKey | fromDictionary\n                                    \"\n                                ></span>\n                                <ng-container\n                                    *ngIf=\"\n                                        sort.sortAttribute === col.sortAttribute\n                                    \"\n                                >\n                                    <span\n                                        class=\"ms-3\"\n                                        *ngIf=\"sort.sortDirection === 'ASC'\"\n                                    >\n                                        <foehn-icon-chevron-up></foehn-icon-chevron-up>\n                                    </span>\n                                    <span\n                                        class=\"ms-3\"\n                                        *ngIf=\"sort.sortDirection === 'DESC'\"\n                                    >\n                                        <foehn-icon-chevron-down></foehn-icon-chevron-down>\n                                    </span>\n                                </ng-container>\n                            </a>\n                        </ng-container>\n                    </th>\n                </tr>\n            </thead>\n            <tbody>\n                <tr\n                    *ngFor=\"\n                        let item of filteredList;\n                        let index = index;\n                        trackBy: trackByFn\n                    \"\n                >\n                    <td\n                        *ngFor=\"\n                            let col of columnsConfiguration;\n                            trackBy: trackFoehnTableColumnConfiguration\n                        \"\n                        [id]=\"col.id + '-' + index\"\n                    >\n                        <ng-container *ngIf=\"!!col.isImportant\">\n                            <span\n                                *ngIf=\"col.isImportant(item)\"\n                                class=\"cell-vertical-align-middle\"\n                            >\n                                <svg\n                                    xmlns=\"http://www.w3.org/2000/svg\"\n                                    width=\"30\"\n                                    height=\"30\"\n                                    style=\"color: red\"\n                                    fill=\"currentColor\"\n                                    class=\"bi bi-exclamation\"\n                                    viewBox=\"0 0 16 16\"\n                                >\n                                    <path\n                                        d=\"M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.553.553 0 0 1-1.1 0L7.1 4.995z\"\n                                    />\n                                </svg>\n                            </span>\n                        </ng-container>\n\n                        <ng-container *ngIf=\"!!col.iconGetter\">\n                            <span\n                                *ngIf=\"col.iconGetter(item) as iconDef\"\n                                class=\"cell-vertical-align-middle me-2\"\n                            >\n                                <fa-icon\n                                    aria-hidden=\"true\"\n                                    [icon]=\"iconDef.icon\"\n                                    [title]=\"iconDef.label\"\n                                ></fa-icon>\n                                <span class=\"visually-hidden\">\n                                    {{ iconDef.label }}\n                                </span>\n                            </span>\n                        </ng-container>\n\n                        <ng-container *ngIf=\"!!col.template\">\n                            <ng-template\n                                [ngTemplateOutlet]=\"col.template\"\n                                [ngTemplateOutletContext]=\"{\n                                    item: item,\n                                    index: index\n                                }\"\n                            ></ng-template>\n                        </ng-container>\n\n                        <ng-container *ngIf=\"!col.template\">\n                            <span\n                                [innerHTML]=\"col.valueGetter(item)\"\n                                class=\"cell-vertical-align-middle\"\n                            ></span>\n                        </ng-container>\n                    </td>\n                </tr>\n                <tr *ngIf=\"!!columnsConfiguration && !filteredList.length\">\n                    <td [colSpan]=\"columnsConfiguration.length\">\n                        <div class=\"w-100 text-center\">\n                            {{ 'foehn-table.totalElements.0' | fromDictionary }}\n                        </div>\n                    </td>\n                </tr>\n            </tbody>\n        </table>\n\n        <div class=\"row d-flex justify-content-between p-1\">\n            <div class=\"col-lg-3 col-md-3 col-sm-6 col-xs-6\">\n                <nav\n                    class=\"vd-pagination\"\n                    aria-label=\"Pagination\"\n                    *ngIf=\"hasPreviousPage()\"\n                >\n                    <ul class=\"vd-pagination__list\">\n                        <li\n                            class=\"vd-pagination__item vd-pagination__item--previous\"\n                        >\n                            <button\n                                class=\"btn-link vd-pagination__link btn-no-extra vd-pagination__link-reset\"\n                                (click)=\"previousPage()\"\n                            >\n                                <span class=\"vd-pagination__title\">\n                                    <foehn-icon-chevron-left></foehn-icon-chevron-left>\n                                    {{ previousLabel }}\n                                </span>\n                                <span class=\"visually-hidden\">:</span>\n                                <span class=\"vd-pagination__label\">\n                                    {{ currentPage - 1 }} sur {{ pagesCount() }}\n                                </span>\n                            </button>\n                        </li>\n                    </ul>\n                </nav>\n            </div>\n\n            <div class=\"col-lg-3 col-md-3 col-sm-6 col-xs-6\">\n                <nav\n                    class=\"vd-pagination\"\n                    aria-label=\"Pagination\"\n                    *ngIf=\"hasNextPage()\"\n                >\n                    <ul class=\"vd-pagination__list\">\n                        <li\n                            class=\"vd-pagination__item vd-pagination__item--next\"\n                        >\n                            <button\n                                class=\"btn-link vd-pagination__link btn-no-extra vd-pagination__link-reset\"\n                                (click)=\"nextPage()\"\n                            >\n                                <span class=\"vd-pagination__title\">\n                                    {{ nextLabel }}\n                                    <foehn-icon-chevron-right></foehn-icon-chevron-right>\n                                </span>\n                                <span class=\"visually-hidden\">:</span>\n                                <span class=\"vd-pagination__label\">\n                                    {{ currentPage + 1 }} sur {{ pagesCount() }}\n                                </span>\n                            </button>\n                        </li>\n                    </ul>\n                </nav>\n            </div>\n        </div>\n    </div>\n</div>\n", styles: [".btn-no-extra{padding:0;border:none;font-weight:400;text-decoration-line:none}.vd-pagination__link-reset{background:none;border:none;font-weight:inherit;text-decoration-line:none;text-align:inherit;cursor:pointer}.vd-pagination__link-reset:focus{background-color:var(--vd-focus)}.cell-vertical-align-middle{vertical-align:middle}\n"] }]
         }], propDecorators: { itemsPerPage: [{

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

@@ -6,17 +6,17 @@ import { SdkDictionaryModule } from '../sdk-dictionary/sdk-dictionary.module';
 import { FoehnTableComponent } from './foehn-table.component';
 import * as i0 from "@angular/core";
 export class FoehnTableModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FoehnTableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.1", ngImport: i0, type: FoehnTableModule, declarations: [FoehnTableComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FoehnTableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.3", ngImport: i0, type: FoehnTableModule, declarations: [FoehnTableComponent], imports: [CommonModule,
             FoehnIconsModule,
             SdkDictionaryModule,
             RouterModule], exports: [FoehnTableComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FoehnTableModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FoehnTableModule, imports: [CommonModule,
             FoehnIconsModule,
             SdkDictionaryModule,
             RouterModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FoehnTableModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FoehnTableModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2022/foehn-upload/abstract-foehn-uploader.component.mjs

@@ -178,10 +178,10 @@ export class AbstractFoehnUploaderComponent extends FoehnInputComponent {
         }
         return false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: AbstractFoehnUploaderComponent, deps: [{ token: i1.ApplicationInfoService }, { token: i2.FoehnConfirmModalService }, { token: i3.SdkDictionaryService }, { token: i4.GrowlBrokerService }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.1", type: AbstractFoehnUploaderComponent, inputs: { required: "required", dragAndDrop: "dragAndDrop", showUploadButton: "showUploadButton", readonly: "readonly", hideGlobalInfos: "hideGlobalInfos", multiple: "multiple", key: "key", chooseButtonLabel: "chooseButtonLabel", chooseButtonLabelMultiple: "chooseButtonLabelMultiple", dropZoneLabel: "dropZoneLabel", dropZoneLabelMultiple: "dropZoneLabelMultiple", overrideAcceptedExtensions: "overrideAcceptedExtensions", overrideMaxFileNameLength: "overrideMaxFileNameLength", overrideIllegalCharacters: "overrideIllegalCharacters", showDeleteConfirmationMessage: "showDeleteConfirmationMessage", deleteConfirmationMessage: "deleteConfirmationMessage", maxSimultaneousSelectedFiles: "maxSimultaneousSelectedFiles", shouldDisplayFileSavedConfirmation: "shouldDisplayFileSavedConfirmation", maxFilesCount: "maxFilesCount", maxFilesSizeInMo: "maxFilesSizeInMo" }, host: { listeners: { "window:dragover": "onDocumentDragOver($event)", "window:dragleave": "onDocumentDragLeave($event)", "window:drop": "onDocumentDrop($event)" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: AbstractFoehnUploaderComponent, deps: [{ token: i1.ApplicationInfoService }, { token: i2.FoehnConfirmModalService }, { token: i3.SdkDictionaryService }, { token: i4.GrowlBrokerService }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.3", type: AbstractFoehnUploaderComponent, inputs: { required: "required", dragAndDrop: "dragAndDrop", showUploadButton: "showUploadButton", readonly: "readonly", hideGlobalInfos: "hideGlobalInfos", multiple: "multiple", key: "key", chooseButtonLabel: "chooseButtonLabel", chooseButtonLabelMultiple: "chooseButtonLabelMultiple", dropZoneLabel: "dropZoneLabel", dropZoneLabelMultiple: "dropZoneLabelMultiple", overrideAcceptedExtensions: "overrideAcceptedExtensions", overrideMaxFileNameLength: "overrideMaxFileNameLength", overrideIllegalCharacters: "overrideIllegalCharacters", showDeleteConfirmationMessage: "showDeleteConfirmationMessage", deleteConfirmationMessage: "deleteConfirmationMessage", maxSimultaneousSelectedFiles: "maxSimultaneousSelectedFiles", shouldDisplayFileSavedConfirmation: "shouldDisplayFileSavedConfirmation", maxFilesCount: "maxFilesCount", maxFilesSizeInMo: "maxFilesSizeInMo" }, host: { listeners: { "window:dragover": "onDocumentDragOver($event)", "window:dragleave": "onDocumentDragLeave($event)", "window:drop": "onDocumentDrop($event)" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: AbstractFoehnUploaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: AbstractFoehnUploaderComponent, decorators: [{
             type: Directive
         }], ctorParameters: () => [{ type: i1.ApplicationInfoService }, { type: i2.FoehnConfirmModalService }, { type: i3.SdkDictionaryService }, { type: i4.GrowlBrokerService }], propDecorators: { required: [{
                 type: Input

package/esm2022/foehn-upload/foehn-bo-multi-upload/bo-multi-upload.service.mjs

@@ -112,10 +112,10 @@ export class BoMultiUploadService {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: BoMultiUploadService, deps: [{ token: i1.HttpClient }, { token: i2.GrowlBrokerService }, { token: i3.ApplicationInfoService }, { token: i4.SdkDictionaryService }, { token: i5.UploadProgressService }, { token: i6.IamExpiredInterceptorService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: BoMultiUploadService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: BoMultiUploadService, deps: [{ token: i1.HttpClient }, { token: i2.GrowlBrokerService }, { token: i3.ApplicationInfoService }, { token: i4.SdkDictionaryService }, { token: i5.UploadProgressService }, { token: i6.IamExpiredInterceptorService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: BoMultiUploadService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: BoMultiUploadService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: BoMultiUploadService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

package/esm2022/foehn-upload/foehn-bo-multi-upload/foehn-bo-multi-upload.component.mjs

@@ -161,8 +161,8 @@ export class FoehnBoMultiUploadComponent extends AbstractFoehnUploaderComponent
         // Then we ensure we take only one file from current selection
         return files.slice(0, 1);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FoehnBoMultiUploadComponent, deps: [{ token: i1.BoMultiUploadService }, { token: i2.ApplicationInfoService }, { token: i3.FoehnConfirmModalService }, { token: i4.SdkDictionaryService }, { token: i5.GrowlBrokerService }, { token: i6.PageUploadLimitService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.1", type: FoehnBoMultiUploadComponent, selector: "foehn-bo-multi-upload", inputs: { uploadUrl: "uploadUrl", deleteUrl: "deleteUrl", downloadUrl: "downloadUrl" }, outputs: { documentDeleted: "documentDeleted" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FoehnBoMultiUploadComponent, deps: [{ token: i1.BoMultiUploadService }, { token: i2.ApplicationInfoService }, { token: i3.FoehnConfirmModalService }, { token: i4.SdkDictionaryService }, { token: i5.GrowlBrokerService }, { token: i6.PageUploadLimitService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.3", type: FoehnBoMultiUploadComponent, selector: "foehn-bo-multi-upload", inputs: { uploadUrl: "uploadUrl", deleteUrl: "deleteUrl", downloadUrl: "downloadUrl" }, outputs: { documentDeleted: "documentDeleted" }, providers: [
             {
                 provide: FoehnInputComponent,
                 useExisting: forwardRef(() => FoehnBoMultiUploadComponent),
@@ -172,7 +172,7 @@ export class FoehnBoMultiUploadComponent extends AbstractFoehnUploaderComponent
             { provide: UploadProgressService, useClass: UploadProgressService }
         ], usesInheritance: true, ngImport: i0, template: "<div\n    class=\"form-group container-box\"\n    [class.has-danger]=\"hasErrorsToDisplay()\"\n    [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n    [class.drop-zone-highlight]=\"showDropZone\"\n    [attr.id]=\"buildId('Container')\"\n    tabindex=\"-1\"\n    (drop)=\"onDrop($event)\"\n    (dragenter)=\"onDragenter($event)\"\n    (dragleave)=\"onDragleave($event)\"\n    (dragover)=\"onDragover($event)\"\n    #fallBackTrigger\n>\n    <label\n        class=\"form-label\"\n        [attr.for]=\"buildChildId()\"\n        *ngIf=\"!!label\"\n        [ngClass]=\"isLabelSrOnly ? 'visually-hidden' : labelStyleModifier\"\n    >\n        <span [innerHTML]=\"label\"></span>\n        <span\n            *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n            aria-hidden=\"true\"\n        >\n            {{ 'foehn-input.optional' | fromDictionary }}\n        </span>\n    </label>\n\n    <foehn-validation-alerts\n        [component]=\"this\"\n        [shouldErrorsBeLive]=\"hasLiveUploadErrors()\"\n    ></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    <!-- PRESTAKIT-309: Fake input with NgModel to be registered into Form controls -->\n    <input type=\"hidden\" [name]=\"name || label\" [ngModel]=\"model\" />\n\n    <ng-content></ng-content>\n\n    <div\n        *ngFor=\"let document of model; trackBy: trackByDocument\"\n        class=\"file file-uploaded\"\n    >\n        <!-- prettier-ignore -->\n        <a [href]=\"boMultiUploadService.getDownloadUrl(downloadUrl, document)\">{{ document.filename }}</a>\n        <span class=\"ms-1 me-1\">\n            ({{ toMegaOctets(document.fileSize) }}\n            <abbr\n                [title]=\"'foehn-uploader.abbr-megaoctet-title' | fromDictionary\"\n            >\n                {{ 'foehn-uploader.abbr-megaoctet' | fromDictionary }}\n            </abbr>\n            )\n        </span>\n        <button\n            *ngIf=\"!readonly\"\n            [attr.disabled]=\"disabled ? 'disabled' : null\"\n            type=\"button\"\n            class=\"btn btn-link icon-button delete-uploaded\"\n            (click)=\"removeFile(document)\"\n        >\n            <foehn-icon-times\n                [title]=\"\n                    'foehn-uploader.delete-icon-title'\n                        | fromDictionary: { docName: document.filename }\n                \"\n            ></foehn-icon-times>\n        </button>\n    </div>\n\n    <small\n        class=\"form-text text-secondary uploaded-global-info\"\n        *ngIf=\"showGlobalInfos(model)\"\n        [innerHTML]=\"getGlobalInfos(model)\"\n    ></small>\n\n    <ng-container *ngIf=\"canAddMoreFiles()\">\n        <input\n            class=\"form-control actual-input\"\n            type=\"file\"\n            [name]=\"name || label\"\n            [multiple]=\"multiple\"\n            [attr.accept]=\"\n                overrideAcceptedExtensions\n                    ? overrideAcceptedExtensions\n                    : uploaderHelper.accept\n                      ? uploaderHelper.accept\n                      : null\n            \"\n            (change)=\"onFileChange($event)\"\n            #inputFile\n        />\n\n        <button\n            type=\"button\"\n            class=\"btn btn-primary\"\n            [attr.disabled]=\"disabled ? 'disabled' : null\"\n            [ngClass]=\"{ 'visually-hidden': !showUploadButton }\"\n            [attr.id]=\"buildChildId()\"\n            [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n            [attr.aria-describedby]=\"buildId('ErrorsContainer')\"\n            (click)=\"inputFile.click()\"\n            #entryComponent\n        >\n            {{ multiple ? chooseButtonLabelMultiple : chooseButtonLabel }}\n        </button>\n\n        <div\n            *ngIf=\"dragAndDrop && !disabled\"\n            aria-hidden=\"true\"\n            class=\"dropfile\"\n            [class.dropfile-border-transparent]=\"showDropZone\"\n            (click)=\"inputFile.click()\"\n        >\n            {{ multiple ? dropZoneLabelMultiple : dropZoneLabel }}\n        </div>\n    </ng-container>\n\n    <foehn-upload-progress-bar\n        [progressBarTriggerHtmlElement]=\"\n            inputElement?.nativeElement || fallBackTrigger\n        \"\n    ></foehn-upload-progress-bar>\n</div>\n", styles: [".dropfile{width:300px;border:3px dashed #bbb;text-align:center;margin-top:10px;cursor:pointer;padding:15px 3px}.dropfile-border-transparent{border-color:#fff}.actual-input{display:none}.file-list{margin-top:20px}.icon-button{border:0}.icon-button:hover{cursor:pointer}:host ::ng-deep .svg-inline--fa{color:#000!important}.drop-zone-highlight{outline:3px dashed #bbb}.container-box{border:1px solid #ededed;background-color:#fbfbfb;padding:.5rem}.container-box.vd-form-group-danger{border-left:5px solid var(--vd-danger);padding-left:1rem}\n"], dependencies: [{ kind: "directive", type: i7.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i8.FoehnIconTimesComponent, selector: "foehn-icon-times" }, { kind: "component", type: i9.FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }, { kind: "directive", type: i10.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: i10.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i10.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i11.FoehnUploadProgressBarComponent, selector: "foehn-upload-progress-bar", inputs: ["progressBarTriggerHtmlElement"] }, { kind: "pipe", type: i12.SdkDictionaryPipe, name: "fromDictionary" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FoehnBoMultiUploadComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FoehnBoMultiUploadComponent, decorators: [{
             type: Component,
             args: [{ selector: 'foehn-bo-multi-upload', providers: [
                         {

package/esm2022/foehn-upload/foehn-bo-multi-upload/foehn-bo-multi-upload.module.mjs

@@ -8,21 +8,21 @@ import { FoehnUploadProgressBarModule } from '../foehn-upload-progress-bar/foehn
 import { FoehnBoMultiUploadComponent } from './foehn-bo-multi-upload.component';
 import * as i0 from "@angular/core";
 export class FoehnBoMultiUploadModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FoehnBoMultiUploadModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.1", ngImport: i0, type: FoehnBoMultiUploadModule, declarations: [FoehnBoMultiUploadComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FoehnBoMultiUploadModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.3", ngImport: i0, type: FoehnBoMultiUploadModule, declarations: [FoehnBoMultiUploadComponent], imports: [CommonModule,
             FoehnIconsModule,
             FoehnValidationAlertsModule,
             SdkDictionaryModule,
             FormsModule,
             FoehnUploadProgressBarModule], exports: [FoehnBoMultiUploadComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FoehnBoMultiUploadModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FoehnBoMultiUploadModule, imports: [CommonModule,
             FoehnIconsModule,
             FoehnValidationAlertsModule,
             SdkDictionaryModule,
             FormsModule,
             FoehnUploadProgressBarModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FoehnBoMultiUploadModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FoehnBoMultiUploadModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2022/foehn-upload/foehn-multi-upload/foehn-multi-upload.component.mjs

@@ -217,8 +217,8 @@ export class FoehnMultiUploadComponent extends AbstractFoehnUploaderComponent {
         // Then we ensure we take only one file from current selection
         return files.slice(0, 1);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FoehnMultiUploadComponent, deps: [{ token: i1.MultiUploadService }, { token: i2.PendingUploadService }, { token: i3.ApplicationInfoService }, { token: i4.FoehnConfirmModalService }, { token: i5.SdkDictionaryService }, { token: i6.GrowlBrokerService }, { token: i7.PageUploadLimitService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.1", type: FoehnMultiUploadComponent, selector: "foehn-multi-upload", inputs: { url: "url", reference: "reference" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FoehnMultiUploadComponent, deps: [{ token: i1.MultiUploadService }, { token: i2.PendingUploadService }, { token: i3.ApplicationInfoService }, { token: i4.FoehnConfirmModalService }, { token: i5.SdkDictionaryService }, { token: i6.GrowlBrokerService }, { token: i7.PageUploadLimitService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.3", type: FoehnMultiUploadComponent, selector: "foehn-multi-upload", inputs: { url: "url", reference: "reference" }, providers: [
             {
                 provide: FoehnInputComponent,
                 useExisting: forwardRef(() => FoehnMultiUploadComponent),
@@ -228,7 +228,7 @@ export class FoehnMultiUploadComponent extends AbstractFoehnUploaderComponent {
             { provide: UploadProgressService, useClass: UploadProgressService }
         ], usesInheritance: true, ngImport: i0, template: "<div\n    class=\"form-group container-box\"\n    [class.has-danger]=\"hasErrorsToDisplay()\"\n    [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n    [class.drop-zone-highlight]=\"showDropZone\"\n    [attr.id]=\"buildId('Container')\"\n    tabindex=\"-1\"\n    (drop)=\"onDrop($event)\"\n    (dragenter)=\"onDragenter($event)\"\n    (dragleave)=\"onDragleave($event)\"\n    (dragover)=\"onDragover($event)\"\n    #fallBackTrigger\n>\n    <label\n        class=\"form-label\"\n        [attr.for]=\"buildChildId()\"\n        *ngIf=\"!!label\"\n        [ngClass]=\"isLabelSrOnly ? 'visually-hidden' : labelStyleModifier\"\n    >\n        <span [innerHTML]=\"label\"></span>\n        <span\n            *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n            aria-hidden=\"true\"\n        >\n            {{ 'foehn-input.optional' | fromDictionary }}\n        </span>\n    </label>\n\n    <foehn-validation-alerts\n        [component]=\"this\"\n        [shouldErrorsBeLive]=\"hasLiveUploadErrors()\"\n    ></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    <!-- PRESTAKIT-309: Fake input with NgModel to be registered into Form controls -->\n    <input type=\"hidden\" [name]=\"name || label\" [ngModel]=\"model\" />\n\n    <ng-content></ng-content>\n\n    <ng-container *ngIf=\"reference\">\n        <div\n            *ngFor=\"let document of model; trackBy: trackByDocument\"\n            class=\"file file-uploaded\"\n        >\n            <!-- prettier-ignore -->\n            <a [href]=\"multiUploadService.getDownloadUrl(url, document)\">{{ document.filename }}</a>\n            <span class=\"ms-1 me-1\">\n                ({{ toMegaOctets(document.fileSize) }}\n                <abbr\n                    [title]=\"\n                        'foehn-uploader.abbr-megaoctet-title' | fromDictionary\n                    \"\n                >\n                    {{ 'foehn-uploader.abbr-megaoctet' | fromDictionary }}\n                </abbr>\n                )\n            </span>\n            <button\n                *ngIf=\"!readonly\"\n                [attr.disabled]=\"disabled ? 'disabled' : null\"\n                type=\"button\"\n                class=\"btn btn-link icon-button delete-uploaded\"\n                (click)=\"removeFile(document)\"\n            >\n                <foehn-icon-times\n                    [title]=\"\n                        'foehn-uploader.delete-icon-title'\n                            | fromDictionary: { docName: document.filename }\n                    \"\n                ></foehn-icon-times>\n            </button>\n        </div>\n\n        <small\n            class=\"form-text text-secondary uploaded-global-info\"\n            *ngIf=\"showGlobalInfos(model)\"\n            [innerHTML]=\"getGlobalInfos(model)\"\n        ></small>\n    </ng-container>\n\n    <ng-container *ngIf=\"!reference\">\n        <div\n            *ngFor=\"let pending of pendingFiles; trackBy: trackByPending\"\n            class=\"file file-pending\"\n        >\n            <span>{{ pending.name }}</span>\n            <span class=\"ms-1 me-1\">\n                ({{ toMegaOctets(pending.size) }}\n                <abbr\n                    [title]=\"\n                        'foehn-uploader.abbr-megaoctet-title' | fromDictionary\n                    \"\n                >\n                    {{ 'foehn-uploader.abbr-megaoctet' | fromDictionary }}\n                </abbr>\n                )\n            </span>\n            <button\n                *ngIf=\"!readonly\"\n                [attr.disabled]=\"disabled ? 'disabled' : null\"\n                type=\"button\"\n                class=\"btn btn-link icon-button delete-pending\"\n                (click)=\"removeFile(pending)\"\n            >\n                <foehn-icon-times\n                    [title]=\"\n                        'foehn-uploader.delete-icon-title'\n                            | fromDictionary: { docName: pending.name }\n                    \"\n                ></foehn-icon-times>\n            </button>\n        </div>\n\n        <small\n            class=\"form-text text-secondary pending-global-info\"\n            *ngIf=\"showGlobalInfos(pendingFiles)\"\n            [innerHTML]=\"getGlobalInfos(pendingFiles)\"\n        ></small>\n    </ng-container>\n\n    <ng-container *ngIf=\"canAddMoreFiles()\">\n        <input\n            class=\"form-control actual-input\"\n            type=\"file\"\n            [name]=\"name || label\"\n            [multiple]=\"multiple\"\n            [attr.accept]=\"\n                overrideAcceptedExtensions\n                    ? overrideAcceptedExtensions\n                    : uploaderHelper.accept\n                      ? uploaderHelper.accept\n                      : null\n            \"\n            (change)=\"onFileChange($event)\"\n            #inputFile\n        />\n\n        <button\n            type=\"button\"\n            class=\"btn btn-primary\"\n            [ngClass]=\"{ 'visually-hidden': !showUploadButton }\"\n            [attr.id]=\"buildChildId()\"\n            [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n            [attr.aria-describedby]=\"buildId('ErrorsContainer')\"\n            [attr.disabled]=\"disabled ? 'disabled' : null\"\n            (click)=\"inputFile.click()\"\n            #entryComponent\n        >\n            {{ multiple ? chooseButtonLabelMultiple : chooseButtonLabel }}\n        </button>\n\n        <div\n            *ngIf=\"dragAndDrop && !disabled\"\n            aria-hidden=\"true\"\n            class=\"dropfile\"\n            [class.dropfile-border-transparent]=\"showDropZone\"\n            (click)=\"inputFile.click()\"\n        >\n            {{ multiple ? dropZoneLabelMultiple : dropZoneLabel }}\n        </div>\n    </ng-container>\n\n    <foehn-upload-progress-bar\n        *ngIf=\"reference\"\n        [progressBarTriggerHtmlElement]=\"\n            inputElement?.nativeElement || fallBackTrigger\n        \"\n    ></foehn-upload-progress-bar>\n</div>\n", styles: [".dropfile{width:300px;border:3px dashed #bbb;text-align:center;margin-top:10px;cursor:pointer;padding:15px 3px}.dropfile-border-transparent{border-color:#fff}.actual-input{display:none}.file-list{margin-top:20px}.icon-button{border:0}.icon-button:hover{cursor:pointer}:host ::ng-deep .svg-inline--fa{color:#000!important}.drop-zone-highlight{outline:3px dashed #bbb}.container-box{border:1px solid #ededed;background-color:#fbfbfb;padding:.5rem}.container-box.vd-form-group-danger{border-left:5px solid var(--vd-danger);padding-left:1rem}\n"], dependencies: [{ kind: "directive", type: i8.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i8.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i9.FoehnIconTimesComponent, selector: "foehn-icon-times" }, { kind: "component", type: i10.FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }, { kind: "directive", type: i11.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: i11.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i11.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i12.FoehnUploadProgressBarComponent, selector: "foehn-upload-progress-bar", inputs: ["progressBarTriggerHtmlElement"] }, { kind: "pipe", type: i13.SdkDictionaryPipe, name: "fromDictionary" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FoehnMultiUploadComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FoehnMultiUploadComponent, decorators: [{
             type: Component,
             args: [{ selector: 'foehn-multi-upload', providers: [
                         {

package/esm2022/foehn-upload/foehn-multi-upload/foehn-multi-upload.module.mjs

@@ -8,21 +8,21 @@ import { FoehnUploadProgressBarModule } from '../foehn-upload-progress-bar/foehn
 import { FoehnMultiUploadComponent } from './foehn-multi-upload.component';
 import * as i0 from "@angular/core";
 export class FoehnMultiUploadModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FoehnMultiUploadModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.1", ngImport: i0, type: FoehnMultiUploadModule, declarations: [FoehnMultiUploadComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FoehnMultiUploadModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.3", ngImport: i0, type: FoehnMultiUploadModule, declarations: [FoehnMultiUploadComponent], imports: [CommonModule,
             FoehnIconsModule,
             FoehnValidationAlertsModule,
             SdkDictionaryModule,
             FormsModule,
             FoehnUploadProgressBarModule], exports: [FoehnMultiUploadComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FoehnMultiUploadModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FoehnMultiUploadModule, imports: [CommonModule,
             FoehnIconsModule,
             FoehnValidationAlertsModule,
             SdkDictionaryModule,
             FormsModule,
             FoehnUploadProgressBarModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FoehnMultiUploadModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FoehnMultiUploadModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2022/foehn-upload/foehn-multi-upload/multi-upload.service.mjs

@@ -121,10 +121,10 @@ export class MultiUploadService {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: MultiUploadService, deps: [{ token: i1.HttpClient }, { token: i2.GrowlBrokerService }, { token: i3.GesdemHandlerService }, { token: i4.ApplicationInfoService }, { token: i5.SdkDictionaryService }, { token: i6.UploadProgressService }, { token: i7.IamExpiredInterceptorService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: MultiUploadService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: MultiUploadService, deps: [{ token: i1.HttpClient }, { token: i2.GrowlBrokerService }, { token: i3.GesdemHandlerService }, { token: i4.ApplicationInfoService }, { token: i5.SdkDictionaryService }, { token: i6.UploadProgressService }, { token: i7.IamExpiredInterceptorService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: MultiUploadService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: MultiUploadService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: MultiUploadService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'