@dsivd/prestations-ng 14.5.14 → 14.5.16

package/CHANGELOG.md

@@ -26,6 +26,35 @@ A change is considered **breaking** if you have to change your code or update yo
 
 ---
 
+## [14.5.16]
+
+### Updated
+
+- [support-alert.service.ts](projects/prestations-ng/src/sdk-support-alert/support-alert.service.ts)
+    - added `setRefreshIntervalInSeconds(refreshIntervalsInSeconds: number)` allowing to override the default refresh interval for support-alerts (default = 5 * 1000)
+- [foehn-page.component.html](projects/prestations-ng/src/foehn-page/foehn-page.component.html)
+  - added `@Input() supportAlertRefreshIntervalsInSeconds: number` allowing to call SupportAlertService.setRefreshIntervalInSeconds()
+
+## [14.5.15]
+
+### Added
+
+- [Autogenerated documentation](https://dsi-vd.github.io/prestations-ng/generateddoc)
+  - prestations-ng documentation generated automatically by `compodoc`
+
+- [foehn-multi-upload.component.ts](projects/prestations-ng/src/foehn-upload/foehn-multi-upload/foehn-multi-upload.component.ts)
+- [foehn-bo-multi-upload.component.ts](projects/prestations-ng/src/foehn-upload/foehn-bo-multi-upload/foehn-bo-multi-upload.component.ts)
+    - Add possibility to hide confirmation message when a file is saved. Default is message is displayed. To change default value, add [shouldDisplayFileSavedConfirmation]="false" in your upload
+
+- [gesdem-confirmation.component.html](projects/prestations-ng/src/gesdem-confirmation/gesdem-confirmation.component.html)
+    - `telechargerBtn` (Télécharger la demande (pdf)) is also shown to a connected user
+    - `logoutBtn` (Se déconnecter) is shown to a connected user instead of `terminerBtn` (Terminer)
+
+### Fixed
+
+- [foehn-table.component.ts](projects/prestations-ng/src/foehn-table/foehn-table.component.ts)
+  - table content was not being refreshed when sorting column
+
 ## [14.5.14]
 
 ### Added

package/README.md

@@ -4,6 +4,8 @@ Best practice guide online in our DSI WiKi at [https://portail.etat-de-vaud.ch/o
 
 An implementation of [Foehn](https://dsi-vd.github.io/foehn-design-system/) with Angular for [PrestaKit](https://www.vd.ch/prestakit/).
 
+The generated documentation of our entire library is available online at [https://dsi-vd.github.io/prestations-ng/generateddoc](https://dsi-vd.github.io/prestations-ng/generateddoc)
+
 The documentation is available online at [https://dsi-vd.github.io/prestations-ng/](https://dsi-vd.github.io/prestations-ng/)
 
 -   If you're using **Angular 12**, use `@dsivd/prestations-ng` at version `^14.5.0`.

package/bundles/dsivd-prestations-ng.umd.js

@@ -1867,6 +1867,7 @@
         'gesdem-confirmation.mail-sent.label': 'Vous recevrez un email de confirmation dans quelques instants.',
         'gesdem-confirmation.download-pdf-recap-button': 'Télécharger la demande (pdf)',
         'gesdem-confirmation.exit-button': 'Terminer',
+        'gesdem-confirmation.logout-button': 'Se déconnecter',
         'gesdem-confirmation.extra-content': ' ',
         'foehn-date-picker-button.icon-title': 'Afficher le calendrier',
         'foehn-date-picker-button.screen-reader.selected-date': 'Date sélectionnée :',
@@ -2932,7 +2933,7 @@
             });
             this.uploaderHelper = new UploaderHelper(dictionaryService, applicationInfoService);
         }
-        MultiUploadService.prototype.uploadDocuments = function (baseUrl, formKey, label, files, key, isMultiple, language) {
+        MultiUploadService.prototype.uploadDocuments = function (baseUrl, formKey, label, files, key, isMultiple, language, shouldDisplayFileSavedConfirmation) {
             var _this = this;
             if (this.reference) {
                 var documents = files.map(function (file) { return _this.uploaderHelper.mapToDocumentReference(file, label, key, isMultiple, _this.uniqPrefix, _this.globalSequence++); });
@@ -2942,7 +2943,8 @@
                     .post(url, formData)
                     .pipe(operators.tap(function (result) {
                     var successfulDocumentsCount = result.documents && result.documents.length;
-                    if (successfulDocumentsCount) {
+                    if (successfulDocumentsCount &&
+                        shouldDisplayFileSavedConfirmation) {
                         var message = successfulDocumentsCount + " fichier(s) sauvegard\u00E9(s) avec succ\u00E8s";
                         _this.growlService.addWithType(GrowlType.SUCCESS, message);
                     }
@@ -3044,7 +3046,7 @@
             // Return true if at least one files for a given formKey exist
             return !!this.pendingFilesByFormKey.get(formKey).files.length;
         };
-        PendingUploadService.prototype.addPendingFiles = function (baseUrl, formKey, label, files, key, isMultiple) {
+        PendingUploadService.prototype.addPendingFiles = function (baseUrl, formKey, label, files, key, isMultiple, shouldDisplayFileSavedConfirmation) {
             // Initialize pending files by formKey
             if (!this.hasPendingFiles(formKey)) {
                 this.pendingFilesByFormKey.set(formKey, new PendingFiles());
@@ -3057,6 +3059,7 @@
             this.pendingFilesByFormKey.get(formKey).files = __spreadArray(__spreadArray([], __read(this.pendingFilesByFormKey.get(formKey).files)), __read(files));
             this.pendingFilesByFormKey.get(formKey).key = key;
             this.pendingFilesByFormKey.get(formKey).isMultiple = isMultiple;
+            this.pendingFilesByFormKey.get(formKey).shouldDisplayFileSavedConfirmation = shouldDisplayFileSavedConfirmation;
         };
         PendingUploadService.prototype.removePendingFile = function (file, formKey) {
             if (this.hasPendingFiles(formKey)) {
@@ -3073,7 +3076,7 @@
             var mergedResponse = new DocumentsWithErrors();
             filesToUpload.forEach(function (pendingFiles, formKey) {
                 _this.multiUploadService
-                    .uploadDocuments(pendingFiles.url, formKey, pendingFiles.label, pendingFiles.files, pendingFiles.key, pendingFiles.isMultiple, form.language)
+                    .uploadDocuments(pendingFiles.url, formKey, pendingFiles.label, pendingFiles.files, pendingFiles.key, pendingFiles.isMultiple, form.language, pendingFiles.shouldDisplayFileSavedConfirmation)
                     .subscribe(function (response) {
                     // Merge all uploads response
                     _this.mergePendingUploadedServerResult(mergedResponse, response);
@@ -3359,7 +3362,6 @@
         return I18nForm;
     }());
 
-    var ALERTS_REFRESH_SECONDS = 5 * 60;
     // Shared between prestations.
     var STORAGE_KEY = 'hidden-alerts';
     /**
@@ -3395,10 +3397,11 @@
             this.http = http;
             this.hiddenAlertIds = new rxjs.BehaviorSubject(getPersistedDismissedAlertIds());
             this.refreshTrigger = new rxjs.BehaviorSubject(true);
-            this.refreshInterval = rxjs.interval(ALERTS_REFRESH_SECONDS * 1000);
+            this.refreshIntervalInSeconds = new rxjs.BehaviorSubject(5 * 60);
             this.supportAlertUrl = new rxjs.BehaviorSubject('');
             // This ensures that we load the alerts when the page loads and at every configured interval.
-            var refreshAlertsTriggerAndTimer = rxjs.merge(this.refreshTrigger, this.refreshInterval);
+            var refreshInterval = this.refreshIntervalInSeconds.pipe(operators.filter(function (valueInSeconds) { return !!valueInSeconds; }), operators.switchMap(function (valueInSeconds) { return rxjs.interval(valueInSeconds * 1000); }));
+            var refreshAlertsTriggerAndTimer = rxjs.merge(this.refreshTrigger, refreshInterval);
             this.allAlerts = rxjs.combineLatest([
                 this.supportAlertUrl,
                 refreshAlertsTriggerAndTimer
@@ -3468,6 +3471,9 @@
         SupportAlertService.prototype.getHasAtLeastOneBlockingAlert = function () {
             return this.hasAtLeastOneBlockingAlert;
         };
+        SupportAlertService.prototype.setRefreshIntervalInSeconds = function (refreshIntervalsInSeconds) {
+            this.refreshIntervalInSeconds.next(refreshIntervalsInSeconds);
+        };
         return SupportAlertService;
     }());
     SupportAlertService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: SupportAlertService, deps: [{ token: i1__namespace.HttpClient }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
@@ -4291,7 +4297,7 @@
         return GesdemConfirmationComponent;
     }());
     GesdemConfirmationComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: GesdemConfirmationComponent, deps: [{ token: GesdemHandlerService }, { token: FoehnPageService }, { token: i1__namespace$1.ActivatedRoute }, { token: SdkDictionaryService }, { token: i3__namespace.Location }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    GesdemConfirmationComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: GesdemConfirmationComponent, selector: "gesdem-confirmation", inputs: { reference: "reference", setPageTitle: "setPageTitle", hasEmailSent: "hasEmailSent", closeHref: "closeHref", showDownloadPdfRecapButton: "showDownloadPdfRecapButton", showLinkToMyDemandes: "showLinkToMyDemandes", demandeIsClosedOnTransmit: "demandeIsClosedOnTransmit", actionStatut: "actionStatut", connectedConfirmationMessage: "connectedConfirmationMessage", connectedConfirmationMessageIfAbandoned: "connectedConfirmationMessageIfAbandoned", downloadPdfRecapButtonText: "downloadPdfRecapButtonText", closeButtonText: "closeButtonText", baseUrlPdf: "baseUrlPdf" }, usesOnChanges: true, ngImport: i0__namespace, template: "<div class=\"container mt-5\" *ngIf=\"reference && !isInProgress\">\n    <div\n        class=\"alert text-center mb-2\"\n        [ngClass]=\"isTransferred ? 'alert-success' : 'alert-danger'\"\n    >\n        <p class=\"h2\">\n            {{\n                isTransferred\n                    ? (successLabelDicoKey | fromDictionary)\n                    : ('gesdem-confirmation.abort-label' | fromDictionary)\n            }}\n        </p>\n        <dl>\n            <dt class=\"font-weight-light\">\n                {{\n                    'gesdem-confirmation.reference-title.label' | fromDictionary\n                }}\n            </dt>\n            <dd id=\"numDemande\" class=\"h4 d-block mt-3\">{{ reference }}</dd>\n        </dl>\n        <p *ngIf=\"hasEmailSent && !(isConnectedCyber | async)\">\n            {{ 'gesdem-confirmation.mail-sent.label' | fromDictionary }}\n        </p>\n    </div>\n\n    <span\n        [innerHTML]=\"'gesdem-confirmation.extra-content' | fromDictionary\"\n    ></span>\n\n    <ng-content></ng-content>\n\n    <div\n        class=\"col-md-12 vd-highlight\"\n        *ngIf=\"(isConnectedCyber | async) && hasConnectedContent()\"\n    >\n        <span class=\"sr-only\">\n            Information suite \u00E0 la transmission de votre demande\n        </span>\n        <div class=\"row\">\n            <div class=\"col-md-1\">\n                <foehn-icon-info-circle class=\"h3\"></foehn-icon-info-circle>\n            </div>\n            <div class=\"col-md-11\">\n                <p\n                    [innerHTML]=\"\n                        isTransferred\n                            ? connectedConfirmationMessage\n                            : connectedConfirmationMessageIfAbandoned\n                    \"\n                ></p>\n                <p\n                    *ngIf=\"\n                        showLinkToMyDemandes &&\n                        (demandeIsClosedOnTransmit || isAbandoned)\n                    \"\n                >\n                    Vous pouvez consulter votre demande en cliquant sur :\n                    <a href=\"/100002/demandes/search/MINE/TREATED\">\n                        Mes nouvelles demandes trait\u00E9es\n                    </a>\n                    .\n                </p>\n                <p\n                    *ngIf=\"\n                        showLinkToMyDemandes &&\n                        !demandeIsClosedOnTransmit &&\n                        !isAbandoned\n                    \"\n                >\n                    Vous pouvez suivre l'avancement du traitement de votre\n                    demande en cliquant sur :\n                    <a href=\"/100002/demandes/search/MINE/IN_PROGRESS\">\n                        Mes demandes en cours de traitement\n                    </a>\n                    .\n                </p>\n            </div>\n        </div>\n    </div>\n\n    <div\n        class=\"col-md-12 list-unstyled d-md-flex p-0 mt-4\"\n        *ngIf=\"!(isConnectedCyber | async)\"\n    >\n        <div class=\"ml-0 mr-md-auto mr-md-2 mb-2 mt-2\">\n            <a\n                *ngIf=\"showDownloadPdfRecapButton\"\n                [href]=\"urlPdf\"\n                id=\"telechargerBtn\"\n                class=\"btn btn-secondary w-100\"\n                title=\"T\u00E9l\u00E9charger le PDF\"\n            >\n                {{ downloadPdfRecapButtonText | fromDictionary }}\n            </a>\n        </div>\n\n        <div\n            class=\"mr-0 ml-md-auto mb-2 mt-2\"\n            *ngIf=\"closeLink | async as link\"\n        >\n            <a\n                [href]=\"link\"\n                id=\"terminerBtn\"\n                class=\"btn btn-primary w-100\"\n                title=\"Terminer\"\n            >\n                {{ closeButtonText | fromDictionary }}\n            </a>\n        </div>\n    </div>\n</div>\n\n<div class=\"container mt-5\" *ngIf=\"reference && isInProgress\">\n    <div class=\"alert alert-info text-center mb-2\">\n        <p class=\"h2\">Demande en cours</p>\n        <dl>\n            <dt class=\"font-weight-light\">\n                {{\n                    'gesdem-confirmation.reference-title.label' | fromDictionary\n                }}\n            </dt>\n            <dd id=\"numDemandeEnCours\" class=\"h4 d-block mt-3\">\n                {{ reference }}\n            </dd>\n        </dl>\n    </div>\n\n    <div class=\"col-md-12 vd-highlight\">\n        <div class=\"row\">\n            <div class=\"col-md-1\">\n                <foehn-icon-info-circle class=\"h3\"></foehn-icon-info-circle>\n            </div>\n            <div class=\"col-md-11\">\n                <p>\n                    Vous pouvez reprendre votre demande en cliquant sur le lien\n                    ci-dessous\n                </p>\n                <p>\n                    <a [routerLink]=\"firstPageLink\">Reprendre ma demande</a>\n                </p>\n            </div>\n        </div>\n    </div>\n</div>\n", components: [{ type: FoehnIconInfoCircleComponent, selector: "foehn-icon-info-circle" }], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1__namespace$1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }], pipes: { "fromDictionary": SdkDictionaryPipe, "async": i3__namespace.AsyncPipe } });
+    GesdemConfirmationComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: GesdemConfirmationComponent, selector: "gesdem-confirmation", inputs: { reference: "reference", setPageTitle: "setPageTitle", hasEmailSent: "hasEmailSent", closeHref: "closeHref", showDownloadPdfRecapButton: "showDownloadPdfRecapButton", showLinkToMyDemandes: "showLinkToMyDemandes", demandeIsClosedOnTransmit: "demandeIsClosedOnTransmit", actionStatut: "actionStatut", connectedConfirmationMessage: "connectedConfirmationMessage", connectedConfirmationMessageIfAbandoned: "connectedConfirmationMessageIfAbandoned", downloadPdfRecapButtonText: "downloadPdfRecapButtonText", closeButtonText: "closeButtonText", baseUrlPdf: "baseUrlPdf" }, usesOnChanges: true, ngImport: i0__namespace, template: "<div class=\"container mt-5\" *ngIf=\"reference && !isInProgress\">\n    <div\n        class=\"alert text-center mb-2\"\n        [ngClass]=\"isTransferred ? 'alert-success' : 'alert-danger'\"\n    >\n        <p class=\"h2\">\n            {{\n                isTransferred\n                    ? (successLabelDicoKey | fromDictionary)\n                    : ('gesdem-confirmation.abort-label' | fromDictionary)\n            }}\n        </p>\n        <dl>\n            <dt class=\"font-weight-light\">\n                {{\n                    'gesdem-confirmation.reference-title.label' | fromDictionary\n                }}\n            </dt>\n            <dd id=\"numDemande\" class=\"h4 d-block mt-3\">{{ reference }}</dd>\n        </dl>\n        <p *ngIf=\"hasEmailSent && !(isConnectedCyber | async)\">\n            {{ 'gesdem-confirmation.mail-sent.label' | fromDictionary }}\n        </p>\n    </div>\n\n    <span\n        [innerHTML]=\"'gesdem-confirmation.extra-content' | fromDictionary\"\n    ></span>\n\n    <ng-content></ng-content>\n\n    <div\n        class=\"col-md-12 vd-highlight\"\n        *ngIf=\"(isConnectedCyber | async) && hasConnectedContent()\"\n    >\n        <span class=\"sr-only\">\n            Information suite \u00E0 la transmission de votre demande\n        </span>\n        <div class=\"row\">\n            <div class=\"col-md-1\">\n                <foehn-icon-info-circle class=\"h3\"></foehn-icon-info-circle>\n            </div>\n            <div class=\"col-md-11\">\n                <p\n                    [innerHTML]=\"\n                        isTransferred\n                            ? connectedConfirmationMessage\n                            : connectedConfirmationMessageIfAbandoned\n                    \"\n                ></p>\n                <p\n                    *ngIf=\"\n                        showLinkToMyDemandes &&\n                        (demandeIsClosedOnTransmit || isAbandoned)\n                    \"\n                >\n                    Vous pouvez consulter votre demande en cliquant sur :\n                    <a href=\"/100002/demandes/search/MINE/TREATED\">\n                        Mes nouvelles demandes trait\u00E9es\n                    </a>\n                    .\n                </p>\n                <p\n                    *ngIf=\"\n                        showLinkToMyDemandes &&\n                        !demandeIsClosedOnTransmit &&\n                        !isAbandoned\n                    \"\n                >\n                    Vous pouvez suivre l'avancement du traitement de votre\n                    demande en cliquant sur :\n                    <a href=\"/100002/demandes/search/MINE/IN_PROGRESS\">\n                        Mes demandes en cours de traitement\n                    </a>\n                    .\n                </p>\n            </div>\n        </div>\n    </div>\n\n    <div class=\"col-md-12 list-unstyled d-md-flex p-0 mt-4\">\n        <div class=\"ml-0 mr-md-auto mr-md-2 mb-2 mt-2\">\n            <a\n                *ngIf=\"showDownloadPdfRecapButton\"\n                [href]=\"urlPdf\"\n                id=\"telechargerBtn\"\n                class=\"btn btn-secondary w-100\"\n                title=\"T\u00E9l\u00E9charger le PDF\"\n            >\n                {{ downloadPdfRecapButtonText | fromDictionary }}\n            </a>\n        </div>\n\n        <div\n            class=\"mr-0 ml-md-auto mb-2 mt-2\"\n            *ngIf=\"!(isConnectedCyber | async) && closeLink | async as link\"\n        >\n            <a [href]=\"link\" id=\"terminerBtn\" class=\"btn btn-primary w-100\">\n                {{ closeButtonText | fromDictionary }}\n            </a>\n        </div>\n\n        <div\n            class=\"mr-0 ml-md-auto mb-2 mt-2\"\n            *ngIf=\"!!(isConnectedCyber | async)\"\n        >\n            <a\n                href=\"/100018/logout\"\n                id=\"logoutBtn\"\n                class=\"btn btn-primary w-100\"\n            >\n                {{ 'gesdem-confirmation.logout-button' | fromDictionary }}\n            </a>\n        </div>\n    </div>\n</div>\n\n<div class=\"container mt-5\" *ngIf=\"reference && isInProgress\">\n    <div class=\"alert alert-info text-center mb-2\">\n        <p class=\"h2\">Demande en cours</p>\n        <dl>\n            <dt class=\"font-weight-light\">\n                {{\n                    'gesdem-confirmation.reference-title.label' | fromDictionary\n                }}\n            </dt>\n            <dd id=\"numDemandeEnCours\" class=\"h4 d-block mt-3\">\n                {{ reference }}\n            </dd>\n        </dl>\n    </div>\n\n    <div class=\"col-md-12 vd-highlight\">\n        <div class=\"row\">\n            <div class=\"col-md-1\">\n                <foehn-icon-info-circle class=\"h3\"></foehn-icon-info-circle>\n            </div>\n            <div class=\"col-md-11\">\n                <p>\n                    Vous pouvez reprendre votre demande en cliquant sur le lien\n                    ci-dessous\n                </p>\n                <p>\n                    <a [routerLink]=\"firstPageLink\">Reprendre ma demande</a>\n                </p>\n            </div>\n        </div>\n    </div>\n</div>\n", components: [{ type: FoehnIconInfoCircleComponent, selector: "foehn-icon-info-circle" }], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1__namespace$1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }], pipes: { "fromDictionary": SdkDictionaryPipe, "async": i3__namespace.AsyncPipe } });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: GesdemConfirmationComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -5316,6 +5322,7 @@
             this.alertsToDisplay = this.supportAlertService.getDisplayableAlerts();
             this.hasAlerts = this.supportAlertService.getHasAlerts();
             this.hasHiddenAlerts = this.supportAlertService.getHasHiddenAlerts();
+            this.supportAlertService.setRefreshIntervalInSeconds(this.refreshIntervalsInSeconds);
         };
         SupportAlertContainerComponent.prototype.restoreAllAlerts = function () {
             this.supportAlertService.restoreAllAlerts();
@@ -5342,7 +5349,7 @@
         return SupportAlertContainerComponent;
     }());
     SupportAlertContainerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: SupportAlertContainerComponent, deps: [{ token: SupportAlertService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SupportAlertContainerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: SupportAlertContainerComponent, selector: "sdk-support-alert-container", inputs: { etapeId: "etapeId", supportAlertUrl: "supportAlertUrl" }, usesOnChanges: true, ngImport: i0__namespace, template: "<div class=\"d-flex flex-column container mt-2\" *ngIf=\"hasAlerts | async\">\n    <h2 class=\"sr-only\">Messages de support</h2>\n    <div class=\"mb-2 mt-2\" *ngIf=\"hasHiddenAlerts | async\">\n        <button class=\"btn btn-link pr-0 pl-0\" (click)=\"restoreAllAlerts()\">\n            Afficher tous les messages\n        </button>\n    </div>\n    <sdk-support-alert\n        *ngFor=\"let alert of alertsToDisplay | async\"\n        [alert]=\"alert\"\n    ></sdk-support-alert>\n</div>\n", components: [{ type: SupportAlertComponent, selector: "sdk-support-alert", inputs: ["alert"] }], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "async": i3__namespace.AsyncPipe } });
+    SupportAlertContainerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: SupportAlertContainerComponent, selector: "sdk-support-alert-container", inputs: { etapeId: "etapeId", supportAlertUrl: "supportAlertUrl", refreshIntervalsInSeconds: "refreshIntervalsInSeconds" }, usesOnChanges: true, ngImport: i0__namespace, template: "<div class=\"d-flex flex-column container mt-2\" *ngIf=\"hasAlerts | async\">\n    <h2 class=\"sr-only\">Messages de support</h2>\n    <div class=\"mb-2 mt-2\" *ngIf=\"hasHiddenAlerts | async\">\n        <button class=\"btn btn-link pr-0 pl-0\" (click)=\"restoreAllAlerts()\">\n            Afficher tous les messages\n        </button>\n    </div>\n    <sdk-support-alert\n        *ngFor=\"let alert of alertsToDisplay | async\"\n        [alert]=\"alert\"\n    ></sdk-support-alert>\n</div>\n", components: [{ type: SupportAlertComponent, selector: "sdk-support-alert", inputs: ["alert"] }], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "async": i3__namespace.AsyncPipe } });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: SupportAlertContainerComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -5354,6 +5361,8 @@
                     type: i0.Input
                 }], supportAlertUrl: [{
                     type: i0.Input
+                }], refreshIntervalsInSeconds: [{
+                    type: i0.Input
                 }] } });
 
     var FoehnUserConnectedAsComponent = /** @class */ (function () {
@@ -5874,7 +5883,7 @@
         return FoehnPageComponent;
     }());
     FoehnPageComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: FoehnPageComponent, deps: [{ token: i1__namespace$3.Title }, { token: FoehnPageService }, { token: SupportAlertService }, { token: FoehnNavigationService }, { token: ApplicationInfoService }, { token: GesdemEventService }, { token: BreadcrumbEventService }, { token: i1__namespace$1.Router }, { token: SessionInfo }, { token: FoehnPageModalService }, { token: SdkDictionaryService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    FoehnPageComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: FoehnPageComponent, selector: "foehn-page", inputs: { appTitle: "appTitle", footerLinks: "footerLinks", neverConnected: "neverConnected", supportAlertEnabled: "supportAlertEnabled", supportAlertUrl: "supportAlertUrl", etapeId: "etapeId", userConnectedAsDisplayed: "userConnectedAsDisplayed", confirmLeavingAlert: "confirmLeavingAlert", showDefaultContactFooterLink: "showDefaultContactFooterLink", showDefaultGuideFooterLink: "showDefaultGuideFooterLink", showDefaultTermOfUseLink: "showDefaultTermOfUseLink", showDefaultSecurityBestPracticeLink: "showDefaultSecurityBestPracticeLink" }, usesOnChanges: true, ngImport: i0__namespace, template: "<foehn-header\n    id=\"foehn_header\"\n    [title]=\"appTitle\"\n    [neverConnected]=\"neverConnected\"\n></foehn-header>\n<foehn-growl id=\"foehn_growl\"></foehn-growl>\n<div class=\"vd-bg-pattern-gray\">\n    <div class=\"container\">\n        <foehn-breadcrumb\n            [neverConnected]=\"neverConnected\"\n            [confirmLeavingAlert]=\"confirmLeavingAlert\"\n        ></foehn-breadcrumb>\n    </div>\n</div>\n<main id=\"main\">\n    <div class=\"vd-bg-pattern-gray\">\n        <div class=\"container\">\n            <!-- Fix annoying flickering when the page loads -->\n            <div class=\"h1 mt-0\" *ngIf=\"!pageTitle\">&nbsp;</div>\n            <h1\n                [tabIndex]=\"-1\"\n                class=\"mt-0\"\n                id=\"page-title\"\n                *ngIf=\"!!pageTitle\"\n                [innerHTML]=\"pageTitle\"\n            ></h1>\n        </div>\n    </div>\n\n    <section\n        *ngIf=\"!isBrowserSupported\"\n        class=\"container alert alert-danger\"\n        id=\"browser_not_supported_block\"\n        role=\"alert\"\n    >\n        <p class=\"alert-heading\">\n            <strong>\n                Cette prestation n\u2019est pas compatible avec votre navigateur.\n            </strong>\n        </p>\n        <p class=\"mb-0\">\n            Nous vous invitons \u00E0 utiliser une version r\u00E9cente de\n            <ng-container *ngIf=\"!isApplePlatform\">\n                <a\n                    [title]=\"browserLinkTitlePrefix + ' Edge'\"\n                    href=\"https://www.microsoft.com/fr-ch/windows/microsoft-edge\"\n                    target=\"_blank\"\n                >\n                    Edge\n                    <span class=\"sr-only\">(lien externe)</span>\n                    <span aria-hidden=\"true\">\n                        <foehn-icon-external-link-alt></foehn-icon-external-link-alt>\n                    </span>\n                </a>\n                ,\n            </ng-container>\n            <ng-container *ngIf=\"isApplePlatform\">\n                <a\n                    [title]=\"browserLinkTitlePrefix + ' Safari'\"\n                    href=\"https://support.apple.com/downloads/safari\"\n                    target=\"_blank\"\n                >\n                    Safari\n                    <span class=\"sr-only\">(lien externe)</span>\n                    <span aria-hidden=\"true\">\n                        <foehn-icon-external-link-alt></foehn-icon-external-link-alt>\n                    </span>\n                </a>\n                ,\n            </ng-container>\n            <a\n                [title]=\"browserLinkTitlePrefix + ' Firefox'\"\n                href=\"https://www.mozilla.org/fr/firefox/\"\n                target=\"_blank\"\n            >\n                Firefox\n                <span class=\"sr-only\">(lien externe)</span>\n                <span aria-hidden=\"true\">\n                    <foehn-icon-external-link-alt></foehn-icon-external-link-alt>\n                </span>\n            </a>\n            ou\n            <a\n                [title]=\"browserLinkTitlePrefix + ' Chrome'\"\n                href=\"https://www.google.com/intl/fr/chrome/\"\n                target=\"_blank\"\n            >\n                Chrome\n                <span class=\"sr-only\">(lien externe)</span>\n                <span aria-hidden=\"true\">\n                    <foehn-icon-external-link-alt></foehn-icon-external-link-alt>\n                </span>\n            </a>\n            .\n        </p>\n        <div class=\"row mt-3\">\n            <div class=\"col-md-12\">\n                <button\n                    id=\"browser_not_supported_bypass\"\n                    class=\"float-right btn btn-danger\"\n                    *ngIf=\"!browserNotSupportedBypass\"\n                    (click)=\"browserNotSupportedBypass = true\"\n                >\n                    Continuer avec ce navigateur\n                </button>\n            </div>\n        </div>\n    </section>\n\n    <sdk-support-alert-container\n        *ngIf=\"supportAlertEnabled\"\n        [etapeId]=\"etapeId\"\n        [supportAlertUrl]=\"supportAlertUrl\"\n    ></sdk-support-alert-container>\n    <ng-container\n        *ngIf=\"\n            !(hasBlockingSupportAlert | async) &&\n            (isBrowserSupported || browserNotSupportedBypass)\n        \"\n    >\n        <div class=\"container mt-5\" id=\"page_content\">\n            <foehn-user-connected-as\n                *ngIf=\"displayUserCategory | async\"\n            ></foehn-user-connected-as>\n            <ng-container\n                *ngIf=\"displayLoginMessages | async as displayLoginMessagesData\"\n            >\n                <div\n                    *ngIf=\"displayLoginMessagesData.displayShouldLoginMessage\"\n                    class=\"alert alert-info\"\n                    id=\"displayLoginMessage\"\n                >\n                    <p\n                        [innerHTML]=\"\n                            getFullLoginMessage(\n                                displayLoginMessagesData.decisionElectroniqueAvailable\n                            ) | async\n                        \"\n                    ></p>\n                    <div class=\"d-flex justify-content-start mr-2 mb-2 mt-2\">\n                        <a\n                            class=\"btn btn-primary\"\n                            [href]=\"getFullLoginUrl() | async\"\n                        >\n                            {{ 'use-login.button.text' | fromDictionary }}\n                        </a>\n                    </div>\n                </div>\n            </ng-container>\n        </div>\n        <ng-content></ng-content>\n    </ng-container>\n</main>\n<foehn-footer\n    id=\"foehn_footer\"\n    [links]=\"footerLinks\"\n    [showDefaultContactLink]=\"showDefaultContactFooterLink\"\n    [showDefaultGuideLink]=\"showDefaultGuideFooterLink\"\n    [showDefaultTermOfUseLink]=\"showDefaultTermOfUseLink\"\n    [showDefaultSecurityBestPracticeLink]=\"showDefaultSecurityBestPracticeLink\"\n></foehn-footer>\n<foehn-page-modal></foehn-page-modal>\n<foehn-confirm-modal></foehn-confirm-modal>\n", components: [{ type: FoehnHeaderComponent, selector: "foehn-header", inputs: ["userInfo", "title", "neverConnected"] }, { type: FoehnGrowlComponent, selector: "foehn-growl" }, { type: FoehnBreadcrumbComponent, selector: "foehn-breadcrumb", inputs: ["breadcrumbItems", "currentNav", "neverConnected", "confirmLeavingAlert"] }, { type: FoehnIconExternalLinkAltComponent, selector: "foehn-icon-external-link-alt" }, { type: SupportAlertContainerComponent, selector: "sdk-support-alert-container", inputs: ["etapeId", "supportAlertUrl"] }, { type: FoehnUserConnectedAsComponent, selector: "foehn-user-connected-as" }, { type: FoehnFooterComponent, selector: "foehn-footer", inputs: ["links", "showDefaultContactLink", "showDefaultGuideLink", "showDefaultTermOfUseLink", "showDefaultSecurityBestPracticeLink"] }, { type: FoehnPageModalComponent, selector: "foehn-page-modal" }, { type: FoehnConfirmModalComponent, selector: "foehn-confirm-modal" }], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i3__namespace.AsyncPipe, "fromDictionary": SdkDictionaryPipe } });
+    FoehnPageComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: FoehnPageComponent, selector: "foehn-page", inputs: { appTitle: "appTitle", footerLinks: "footerLinks", neverConnected: "neverConnected", supportAlertEnabled: "supportAlertEnabled", supportAlertUrl: "supportAlertUrl", supportAlertRefreshIntervalsInSeconds: "supportAlertRefreshIntervalsInSeconds", etapeId: "etapeId", userConnectedAsDisplayed: "userConnectedAsDisplayed", confirmLeavingAlert: "confirmLeavingAlert", showDefaultContactFooterLink: "showDefaultContactFooterLink", showDefaultGuideFooterLink: "showDefaultGuideFooterLink", showDefaultTermOfUseLink: "showDefaultTermOfUseLink", showDefaultSecurityBestPracticeLink: "showDefaultSecurityBestPracticeLink" }, usesOnChanges: true, ngImport: i0__namespace, template: "<foehn-header\n    id=\"foehn_header\"\n    [title]=\"appTitle\"\n    [neverConnected]=\"neverConnected\"\n></foehn-header>\n<foehn-growl id=\"foehn_growl\"></foehn-growl>\n<div class=\"vd-bg-pattern-gray\">\n    <div class=\"container\">\n        <foehn-breadcrumb\n            [neverConnected]=\"neverConnected\"\n            [confirmLeavingAlert]=\"confirmLeavingAlert\"\n        ></foehn-breadcrumb>\n    </div>\n</div>\n<main id=\"main\">\n    <div class=\"vd-bg-pattern-gray\">\n        <div class=\"container\">\n            <!-- Fix annoying flickering when the page loads -->\n            <div class=\"h1 mt-0\" *ngIf=\"!pageTitle\">&nbsp;</div>\n            <h1\n                [tabIndex]=\"-1\"\n                class=\"mt-0\"\n                id=\"page-title\"\n                *ngIf=\"!!pageTitle\"\n                [innerHTML]=\"pageTitle\"\n            ></h1>\n        </div>\n    </div>\n\n    <section\n        *ngIf=\"!isBrowserSupported\"\n        class=\"container alert alert-danger\"\n        id=\"browser_not_supported_block\"\n        role=\"alert\"\n    >\n        <p class=\"alert-heading\">\n            <strong>\n                Cette prestation n\u2019est pas compatible avec votre navigateur.\n            </strong>\n        </p>\n        <p class=\"mb-0\">\n            Nous vous invitons \u00E0 utiliser une version r\u00E9cente de\n            <ng-container *ngIf=\"!isApplePlatform\">\n                <a\n                    [title]=\"browserLinkTitlePrefix + ' Edge'\"\n                    href=\"https://www.microsoft.com/fr-ch/windows/microsoft-edge\"\n                    target=\"_blank\"\n                >\n                    Edge\n                    <span class=\"sr-only\">(lien externe)</span>\n                    <span aria-hidden=\"true\">\n                        <foehn-icon-external-link-alt></foehn-icon-external-link-alt>\n                    </span>\n                </a>\n                ,\n            </ng-container>\n            <ng-container *ngIf=\"isApplePlatform\">\n                <a\n                    [title]=\"browserLinkTitlePrefix + ' Safari'\"\n                    href=\"https://support.apple.com/downloads/safari\"\n                    target=\"_blank\"\n                >\n                    Safari\n                    <span class=\"sr-only\">(lien externe)</span>\n                    <span aria-hidden=\"true\">\n                        <foehn-icon-external-link-alt></foehn-icon-external-link-alt>\n                    </span>\n                </a>\n                ,\n            </ng-container>\n            <a\n                [title]=\"browserLinkTitlePrefix + ' Firefox'\"\n                href=\"https://www.mozilla.org/fr/firefox/\"\n                target=\"_blank\"\n            >\n                Firefox\n                <span class=\"sr-only\">(lien externe)</span>\n                <span aria-hidden=\"true\">\n                    <foehn-icon-external-link-alt></foehn-icon-external-link-alt>\n                </span>\n            </a>\n            ou\n            <a\n                [title]=\"browserLinkTitlePrefix + ' Chrome'\"\n                href=\"https://www.google.com/intl/fr/chrome/\"\n                target=\"_blank\"\n            >\n                Chrome\n                <span class=\"sr-only\">(lien externe)</span>\n                <span aria-hidden=\"true\">\n                    <foehn-icon-external-link-alt></foehn-icon-external-link-alt>\n                </span>\n            </a>\n            .\n        </p>\n        <div class=\"row mt-3\">\n            <div class=\"col-md-12\">\n                <button\n                    id=\"browser_not_supported_bypass\"\n                    class=\"float-right btn btn-danger\"\n                    *ngIf=\"!browserNotSupportedBypass\"\n                    (click)=\"browserNotSupportedBypass = true\"\n                >\n                    Continuer avec ce navigateur\n                </button>\n            </div>\n        </div>\n    </section>\n\n    <sdk-support-alert-container\n        *ngIf=\"supportAlertEnabled\"\n        [etapeId]=\"etapeId\"\n        [supportAlertUrl]=\"supportAlertUrl\"\n        [refreshIntervalsInSeconds]=\"supportAlertRefreshIntervalsInSeconds\"\n    ></sdk-support-alert-container>\n    <ng-container\n        *ngIf=\"\n            !(hasBlockingSupportAlert | async) &&\n            (isBrowserSupported || browserNotSupportedBypass)\n        \"\n    >\n        <div class=\"container mt-5\" id=\"page_content\">\n            <foehn-user-connected-as\n                *ngIf=\"displayUserCategory | async\"\n            ></foehn-user-connected-as>\n            <ng-container\n                *ngIf=\"displayLoginMessages | async as displayLoginMessagesData\"\n            >\n                <div\n                    *ngIf=\"displayLoginMessagesData.displayShouldLoginMessage\"\n                    class=\"alert alert-info\"\n                    id=\"displayLoginMessage\"\n                >\n                    <p\n                        [innerHTML]=\"\n                            getFullLoginMessage(\n                                displayLoginMessagesData.decisionElectroniqueAvailable\n                            ) | async\n                        \"\n                    ></p>\n                    <div class=\"d-flex justify-content-start mr-2 mb-2 mt-2\">\n                        <a\n                            class=\"btn btn-primary\"\n                            [href]=\"getFullLoginUrl() | async\"\n                        >\n                            {{ 'use-login.button.text' | fromDictionary }}\n                        </a>\n                    </div>\n                </div>\n            </ng-container>\n        </div>\n        <ng-content></ng-content>\n    </ng-container>\n</main>\n<foehn-footer\n    id=\"foehn_footer\"\n    [links]=\"footerLinks\"\n    [showDefaultContactLink]=\"showDefaultContactFooterLink\"\n    [showDefaultGuideLink]=\"showDefaultGuideFooterLink\"\n    [showDefaultTermOfUseLink]=\"showDefaultTermOfUseLink\"\n    [showDefaultSecurityBestPracticeLink]=\"showDefaultSecurityBestPracticeLink\"\n></foehn-footer>\n<foehn-page-modal></foehn-page-modal>\n<foehn-confirm-modal></foehn-confirm-modal>\n", components: [{ type: FoehnHeaderComponent, selector: "foehn-header", inputs: ["userInfo", "title", "neverConnected"] }, { type: FoehnGrowlComponent, selector: "foehn-growl" }, { type: FoehnBreadcrumbComponent, selector: "foehn-breadcrumb", inputs: ["breadcrumbItems", "currentNav", "neverConnected", "confirmLeavingAlert"] }, { type: FoehnIconExternalLinkAltComponent, selector: "foehn-icon-external-link-alt" }, { type: SupportAlertContainerComponent, selector: "sdk-support-alert-container", inputs: ["etapeId", "supportAlertUrl", "refreshIntervalsInSeconds"] }, { type: FoehnUserConnectedAsComponent, selector: "foehn-user-connected-as" }, { type: FoehnFooterComponent, selector: "foehn-footer", inputs: ["links", "showDefaultContactLink", "showDefaultGuideLink", "showDefaultTermOfUseLink", "showDefaultSecurityBestPracticeLink"] }, { type: FoehnPageModalComponent, selector: "foehn-page-modal" }, { type: FoehnConfirmModalComponent, selector: "foehn-confirm-modal" }], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i3__namespace.AsyncPipe, "fromDictionary": SdkDictionaryPipe } });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: FoehnPageComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -5891,6 +5900,8 @@
                     type: i0.Input
                 }], supportAlertUrl: [{
                     type: i0.Input
+                }], supportAlertRefreshIntervalsInSeconds: [{
+                    type: i0.Input
                 }], etapeId: [{
                     type: i0.Input
                 }], userConnectedAsDisplayed: [{
@@ -9555,6 +9566,9 @@
                     }]
             }] });
 
+    var hasInputChanged$1 = function (change) { return !(!change ||
+        !change.currentValue ||
+        ObjectHelper.isEqual(change.previousValue, change.currentValue)); };
     var FoehnListComponent = /** @class */ (function () {
         function FoehnListComponent() {
             this.itemsPerPage = 10;
@@ -9580,9 +9594,9 @@
             var itemsPerPageChange = changes.itemsPerPage;
             var listChange = changes.list;
             var fixedPageCountChange = changes.fixedPageCount;
-            if (!this.hasInputChanged(itemsPerPageChange) &&
-                !this.hasInputChanged(listChange) &&
-                !this.hasInputChanged(fixedPageCountChange)) {
+            if (!hasInputChanged$1(itemsPerPageChange) &&
+                !hasInputChanged$1(listChange) &&
+                !hasInputChanged$1(fixedPageCountChange)) {
                 return;
             }
             this.buildFilteredList();
@@ -9636,6 +9650,10 @@
                 : 0;
         };
         FoehnListComponent.prototype.buildFilteredList = function () {
+            if (!this._list) {
+                this.filteredList = [];
+                return;
+            }
             if (!!this.fixedPageCount) {
                 this.filteredList = this._list;
                 return;
@@ -9645,14 +9663,7 @@
                 this.currentPage = 1;
             }
             var start = (this.currentPage - 1) * this.itemsPerPage;
-            this.filteredList = this._list
-                ? this._list.slice(start, start + this.itemsPerPage)
-                : [];
-        };
-        FoehnListComponent.prototype.hasInputChanged = function (change) {
-            return !(!change ||
-                !change.currentValue ||
-                change.previousValue === change.currentValue);
+            this.filteredList = this._list.slice(start, start + this.itemsPerPage);
         };
         return FoehnListComponent;
     }());
@@ -9717,7 +9728,7 @@
 
     var hasInputChanged = function (change) { return !(!change ||
         !change.currentValue ||
-        change.previousValue === change.currentValue); };
+        ObjectHelper.isEqual(change.previousValue, change.currentValue)); };
     var FoehnTableComponent = /** @class */ (function () {
         function FoehnTableComponent() {
             this.itemsPerPage = 10;
@@ -9742,9 +9753,11 @@
             var itemsPerPageChange = changes.itemsPerPage;
             var listChange = changes.list;
             var fixedPageCountChange = changes.fixedPageCount;
+            var sortInputChange = changes.sort;
             if (!hasInputChanged(itemsPerPageChange) &&
                 !hasInputChanged(listChange) &&
-                !hasInputChanged(fixedPageCountChange)) {
+                !hasInputChanged(fixedPageCountChange) &&
+                !hasInputChanged(sortInputChange)) {
                 return;
             }
             this.buildFilteredList();
@@ -9808,6 +9821,10 @@
             });
         };
         FoehnTableComponent.prototype.buildFilteredList = function () {
+            if (!this._list) {
+                this.filteredList = [];
+                return;
+            }
             if (!!this.fixedPageCount) {
                 this.filteredList = this._list;
                 return;
@@ -9817,14 +9834,12 @@
                 this.currentPage = 1;
             }
             var start = (this.currentPage - 1) * this.itemsPerPage;
-            this.filteredList = this._list
-                ? this._list.slice(start, start + this.itemsPerPage)
-                : [];
+            this.filteredList = this._list.slice(start, start + this.itemsPerPage);
         };
         return FoehnTableComponent;
     }());
     FoehnTableComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: FoehnTableComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    FoehnTableComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: FoehnTableComponent, selector: "foehn-table", inputs: { itemsPerPage: "itemsPerPage", id: "id", previousLabel: "previousLabel", nextLabel: "nextLabel", totalElements: "totalElements", fixedPageCount: "fixedPageCount", columnsConfiguration: "columnsConfiguration", sort: "sort", trackByFn: "trackByFn", list: "list" }, outputs: { pageChange: "pageChange", sortChange: "sortChange" }, usesOnChanges: true, ngImport: i0__namespace, 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=\"let col of columnsConfiguration\"\n                        [id]=\"col.id\"\n                    >\n                        <ng-container *ngIf=\"!col.sortAttribute\">\n                            <span\n                                [innerHTML]=\"\n                                    col.columnLabelKey | fromDictionary\n                                \"\n                            ></span>\n                        </ng-container>\n\n                        <ng-container *ngIf=\"!!col.sortAttribute\">\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=\"ml-3\"\n                                        *ngIf=\"sort.sortDirection === 'ASC'\"\n                                    >\n                                        <foehn-icon-chevron-up></foehn-icon-chevron-up>\n                                    </span>\n                                    <span\n                                        class=\"ml-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=\"let col of columnsConfiguration\"\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: var(--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.routerLinkGetter\">\n                            <span\n                                [innerHTML]=\"col.valueGetter(item)\"\n                                class=\"cell-vertical-align-middle\"\n                            ></span>\n                        </ng-container>\n\n                        <ng-container *ngIf=\"!!col.routerLinkGetter\">\n                            <a\n                                [routerLink]=\"col.routerLinkGetter(item)\"\n                                queryParamsHandling=\"merge\"\n                                class=\"cell-vertical-align-middle\"\n                            >\n                                <span\n                                    [innerHTML]=\"col.valueGetter(item)\"\n                                ></span>\n                            </a>\n                        </ng-container>\n                    </td>\n                </tr>\n                <tr *ngIf=\"!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=\"sr-only\">:</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=\"sr-only\">:</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;-webkit-text-decoration-line:none;text-decoration-line:none}.vd-pagination__link-reset{background:none;border:none;font-weight:inherit;-webkit-text-decoration-line:none;text-decoration-line:none;text-align:inherit;cursor:pointer}.vd-pagination__link-reset:focus{background-color:#ffbf47}.cell-vertical-align-middle{vertical-align:middle}\n"], components: [{ type: FoehnIconChevronUpComponent, selector: "foehn-icon-chevron-up" }, { type: FoehnIconChevronDownComponent, selector: "foehn-icon-chevron-down" }, { type: FoehnIconChevronLeftComponent, selector: "foehn-icon-chevron-left" }, { type: FoehnIconChevronRightComponent, selector: "foehn-icon-chevron-right" }], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1__namespace$1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }], pipes: { "fromDictionary": SdkDictionaryPipe } });
+    FoehnTableComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: FoehnTableComponent, selector: "foehn-table", inputs: { itemsPerPage: "itemsPerPage", id: "id", previousLabel: "previousLabel", nextLabel: "nextLabel", totalElements: "totalElements", fixedPageCount: "fixedPageCount", columnsConfiguration: "columnsConfiguration", sort: "sort", trackByFn: "trackByFn", list: "list" }, outputs: { pageChange: "pageChange", sortChange: "sortChange" }, usesOnChanges: true, ngImport: i0__namespace, 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=\"let col of columnsConfiguration\"\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=\"ml-3\"\n                                        *ngIf=\"sort.sortDirection === 'ASC'\"\n                                    >\n                                        <foehn-icon-chevron-up></foehn-icon-chevron-up>\n                                    </span>\n                                    <span\n                                        class=\"ml-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=\"let col of columnsConfiguration\"\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: var(--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.routerLinkGetter\">\n                            <span\n                                [innerHTML]=\"col.valueGetter(item)\"\n                                class=\"cell-vertical-align-middle\"\n                            ></span>\n                        </ng-container>\n\n                        <ng-container *ngIf=\"!!col.routerLinkGetter\">\n                            <a\n                                [routerLink]=\"col.routerLinkGetter(item)\"\n                                queryParamsHandling=\"merge\"\n                                class=\"cell-vertical-align-middle\"\n                            >\n                                <span\n                                    [innerHTML]=\"col.valueGetter(item)\"\n                                ></span>\n                            </a>\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=\"sr-only\">:</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=\"sr-only\">:</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;-webkit-text-decoration-line:none;text-decoration-line:none}.vd-pagination__link-reset{background:none;border:none;font-weight:inherit;-webkit-text-decoration-line:none;text-decoration-line:none;text-align:inherit;cursor:pointer}.vd-pagination__link-reset:focus{background-color:#ffbf47}.cell-vertical-align-middle{vertical-align:middle}\n"], components: [{ type: FoehnIconChevronUpComponent, selector: "foehn-icon-chevron-up" }, { type: FoehnIconChevronDownComponent, selector: "foehn-icon-chevron-down" }, { type: FoehnIconChevronLeftComponent, selector: "foehn-icon-chevron-left" }, { type: FoehnIconChevronRightComponent, selector: "foehn-icon-chevron-right" }], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1__namespace$1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }], pipes: { "fromDictionary": SdkDictionaryPipe } });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: FoehnTableComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -10632,6 +10647,7 @@
             _this.confirmModalService = confirmModalService;
             _this.dictionaryService = dictionaryService;
             _this.url = 'api/document';
+            _this.shouldDisplayFileSavedConfirmation = true;
             _this.pendingUploadService = pendingUploadService;
             _this.multiUploadService = multiUploadService;
             return _this;
@@ -10648,7 +10664,7 @@
             // Only one call every 300ms to stop concurrent access
             operators.throttleTime(300), 
             // Only one concurrent call at the time
-            operators.mergeMap(function (files) { return _this.multiUploadService.uploadDocuments(_this.url, _this.name, _this.label, files, _this.key, _this.multiple, _this.currentLanguage); }, 1))
+            operators.mergeMap(function (files) { return _this.multiUploadService.uploadDocuments(_this.url, _this.name, _this.label, files, _this.key, _this.multiple, _this.currentLanguage, _this.shouldDisplayFileSavedConfirmation); }, 1))
                 .subscribe(function (_a) {
                 var documents = _a.documents, errors = _a.errors;
                 _this.displayResultFromServer(documents, errors);
@@ -10754,7 +10770,7 @@
                 // only when no error so isPristine is set to false for validation purpose
                 this.markAsDirty();
                 // Otherwise, we store files in pending storage
-                this.pendingUploadService.addPendingFiles(this.url, this.name, this.label, files, this.key, this.multiple);
+                this.pendingUploadService.addPendingFiles(this.url, this.name, this.label, files, this.key, this.multiple, this.shouldDisplayFileSavedConfirmation);
             }
         };
         FoehnMultiUploadComponent.prototype.displayPendingUploadedErrorsFromServerByFormKey = function (errors, formKey) {
@@ -10810,7 +10826,7 @@
         return FoehnMultiUploadComponent;
     }(AbstractFoehnUploaderComponent));
     FoehnMultiUploadComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: FoehnMultiUploadComponent, deps: [{ token: MultiUploadService }, { token: PendingUploadService }, { token: ApplicationInfoService }, { token: FoehnConfirmModalService }, { token: SdkDictionaryService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    FoehnMultiUploadComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: FoehnMultiUploadComponent, selector: "foehn-multi-upload", inputs: { url: "url", reference: "reference" }, providers: [
+    FoehnMultiUploadComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: FoehnMultiUploadComponent, selector: "foehn-multi-upload", inputs: { url: "url", reference: "reference", shouldDisplayFileSavedConfirmation: "shouldDisplayFileSavedConfirmation" }, providers: [
             {
                 provide: FoehnInputComponent,
                 useExisting: i0.forwardRef(function () { return FoehnMultiUploadComponent; }),
@@ -10835,6 +10851,8 @@
                     type: i0.Input
                 }], reference: [{
                     type: i0.Input
+                }], shouldDisplayFileSavedConfirmation: [{
+                    type: i0.Input
                 }] } });
 
     var FoehnMultiUploadModule = /** @class */ (function () {
@@ -10881,13 +10899,14 @@
             this.uniqPrefix = new Date().getTime();
             this.uploaderHelper = new UploaderHelper(dictionaryService, applicationInfoService);
         }
-        BoMultiUploadService.prototype.uploadDocuments = function (url, formKey, label, files, key, isMultiple, language) {
+        BoMultiUploadService.prototype.uploadDocuments = function (url, formKey, label, files, key, isMultiple, language, shouldDisplayFileSavedConfirmation) {
             var _this = this;
             var documents = files.map(function (file) { return _this.uploaderHelper.mapToDocumentReference(file, label, key, isMultiple, _this.uniqPrefix, _this.globalSequence++); });
             var formData = this.uploaderHelper.mapToFormData(documents, formKey, language);
             return this.httpClient.post(url, formData).pipe(operators.tap(function (result) {
                 var successfulDocumentsCount = result.documents && result.documents.length;
-                if (successfulDocumentsCount) {
+                if (successfulDocumentsCount &&
+                    shouldDisplayFileSavedConfirmation) {
                     var message = successfulDocumentsCount + " fichier(s) sauvegard\u00E9(s) avec succ\u00E8s";
                     _this.growlService.addWithType(GrowlType.SUCCESS, message);
                 }
@@ -10932,6 +10951,7 @@
             _this.applicationInfoService = applicationInfoService;
             _this.confirmModalService = confirmModalService;
             _this.dictionaryService = dictionaryService;
+            _this.shouldDisplayFileSavedConfirmation = true;
             _this.documentDeleted = new i0.EventEmitter();
             _this.boMultiUploadService = boMultiUploadService;
             return _this;
@@ -10945,7 +10965,7 @@
             // Only one call every 300ms to stop concurrent access
             operators.throttleTime(300), 
             // Only one concurrent call at the time
-            operators.mergeMap(function (files) { return _this.boMultiUploadService.uploadDocuments(_this.uploadUrl, _this.name, _this.label, files, _this.key, _this.multiple, _this.currentLanguage); }, 1))
+            operators.mergeMap(function (files) { return _this.boMultiUploadService.uploadDocuments(_this.uploadUrl, _this.name, _this.label, files, _this.key, _this.multiple, _this.currentLanguage, _this.shouldDisplayFileSavedConfirmation); }, 1))
                 .subscribe(function (_a) {
                 var documents = _a.documents, errors = _a.errors;
                 _this.displayResultFromServer(documents, errors);
@@ -11055,7 +11075,7 @@
         return FoehnBoMultiUploadComponent;
     }(AbstractFoehnUploaderComponent));
     FoehnBoMultiUploadComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: FoehnBoMultiUploadComponent, deps: [{ token: BoMultiUploadService }, { token: ApplicationInfoService }, { token: FoehnConfirmModalService }, { token: SdkDictionaryService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    FoehnBoMultiUploadComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: FoehnBoMultiUploadComponent, selector: "foehn-bo-multi-upload", inputs: { uploadUrl: "uploadUrl", deleteUrl: "deleteUrl", downloadUrl: "downloadUrl" }, outputs: { documentDeleted: "documentDeleted" }, providers: [
+    FoehnBoMultiUploadComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: FoehnBoMultiUploadComponent, selector: "foehn-bo-multi-upload", inputs: { uploadUrl: "uploadUrl", deleteUrl: "deleteUrl", downloadUrl: "downloadUrl", shouldDisplayFileSavedConfirmation: "shouldDisplayFileSavedConfirmation" }, outputs: { documentDeleted: "documentDeleted" }, providers: [
             {
                 provide: FoehnInputComponent,
                 useExisting: i0.forwardRef(function () { return FoehnBoMultiUploadComponent; }),
@@ -11082,6 +11102,8 @@
                     type: i0.Input
                 }], downloadUrl: [{
                     type: i0.Input
+                }], shouldDisplayFileSavedConfirmation: [{
+                    type: i0.Input
                 }], documentDeleted: [{
                     type: i0.Output
                 }] } });
@@ -11166,6 +11188,7 @@
             _this.croppedPictureFilename = 'photo.png';
             _this.resizeToWidth = 300;
             _this.resizeToHeight = 0;
+            _this.shouldDisplayFileSavedConfirmation = true;
             _this.loading = false;
             return _this;
         }
@@ -11208,7 +11231,7 @@
             this.markAsPristine();
             var photo = convertBase64UrlToFile(this.croppedPictureAsBase64Url, this.croppedPictureFilename);
             this.uploadService
-                .uploadDocuments(this.baseUrl, this.name, this.label, [photo], this.key, false, this.currentLanguage)
+                .uploadDocuments(this.baseUrl, this.name, this.label, [photo], this.key, false, this.currentLanguage, this.shouldDisplayFileSavedConfirmation)
                 .pipe(operators.filter(function (result) { return !!result; }))
                 .subscribe(function (_a) {
                 var documents = _a.documents, errors = _a.errors;
@@ -11259,7 +11282,7 @@
         return FoehnPictureUploadComponent;
     }(FoehnInputComponent));
     FoehnPictureUploadComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: FoehnPictureUploadComponent, deps: [{ token: GrowlBrokerService }, { token: MultiUploadService }, { token: SdkDictionaryService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    FoehnPictureUploadComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: FoehnPictureUploadComponent, selector: "foehn-picture-upload", inputs: { name: "name", key: "key", label: "label", baseUrl: "baseUrl", croppedPictureFilename: "croppedPictureFilename", resizeToWidth: "resizeToWidth", resizeToHeight: "resizeToHeight" }, providers: [
+    FoehnPictureUploadComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: FoehnPictureUploadComponent, selector: "foehn-picture-upload", inputs: { name: "name", key: "key", label: "label", baseUrl: "baseUrl", croppedPictureFilename: "croppedPictureFilename", resizeToWidth: "resizeToWidth", resizeToHeight: "resizeToHeight", shouldDisplayFileSavedConfirmation: "shouldDisplayFileSavedConfirmation" }, providers: [
             {
                 provide: FoehnInputComponent,
                 useExisting: i0.forwardRef(function () { return FoehnPictureUploadComponent; }),
@@ -11293,6 +11316,8 @@
                     type: i0.Input
                 }], resizeToHeight: [{
                     type: i0.Input
+                }], shouldDisplayFileSavedConfirmation: [{
+                    type: i0.Input
                 }] } });
 
     var FoehnPictureUploadModule = /** @class */ (function () {