@dsivd/prestations-ng 14.5.14-beta4 → 15.0.0-beta1

package/CHANGELOG.md

@@ -26,6 +26,26 @@ A change is considered **breaking** if you have to change your code or update yo
 
 ---
 
+
+## [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);
@@ -4291,7 +4294,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: [{
@@ -9555,6 +9558,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 +9586,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 +9642,10 @@
                 : 0;
         };
         FoehnListComponent.prototype.buildFilteredList = function () {
+            if (!this._list) {
+                this.filteredList = [];
+                return;
+            }
             if (!!this.fixedPageCount) {
                 this.filteredList = this._list;
                 return;
@@ -9645,14 +9655,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 +9720,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 +9745,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 +9813,10 @@
             });
         };
         FoehnTableComponent.prototype.buildFilteredList = function () {
+            if (!this._list) {
+                this.filteredList = [];
+                return;
+            }
             if (!!this.fixedPageCount) {
                 this.filteredList = this._list;
                 return;
@@ -9817,14 +9826,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 +10639,7 @@
             _this.confirmModalService = confirmModalService;
             _this.dictionaryService = dictionaryService;
             _this.url = 'api/document';
+            _this.shouldDisplayFileSavedConfirmation = true;
             _this.pendingUploadService = pendingUploadService;
             _this.multiUploadService = multiUploadService;
             return _this;
@@ -10648,7 +10656,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 +10762,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 +10818,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 +10843,8 @@
                     type: i0.Input
                 }], reference: [{
                     type: i0.Input
+                }], shouldDisplayFileSavedConfirmation: [{
+                    type: i0.Input
                 }] } });
 
     var FoehnMultiUploadModule = /** @class */ (function () {
@@ -10881,13 +10891,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 +10943,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 +10957,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 +11067,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 +11094,8 @@
                     type: i0.Input
                 }], downloadUrl: [{
                     type: i0.Input
+                }], shouldDisplayFileSavedConfirmation: [{
+                    type: i0.Input
                 }], documentDeleted: [{
                     type: i0.Output
                 }] } });
@@ -11166,6 +11180,7 @@
             _this.croppedPictureFilename = 'photo.png';
             _this.resizeToWidth = 300;
             _this.resizeToHeight = 0;
+            _this.shouldDisplayFileSavedConfirmation = true;
             _this.loading = false;
             return _this;
         }
@@ -11208,7 +11223,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 +11274,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 +11308,8 @@
                     type: i0.Input
                 }], resizeToHeight: [{
                     type: i0.Input
+                }], shouldDisplayFileSavedConfirmation: [{
+                    type: i0.Input
                 }] } });
 
     var FoehnPictureUploadModule = /** @class */ (function () {
@@ -11331,12 +11348,6 @@
                     }]
             }] });
 
-    var EPaymentRequest = /** @class */ (function () {
-        function EPaymentRequest() {
-        }
-        return EPaymentRequest;
-    }());
-
     var EPaymentService = /** @class */ (function () {
         function EPaymentService(http, growlService) {
             this.http = http;
@@ -11347,14 +11358,19 @@
          * en vue du passage sur la plateforme de paiement électronique.
          *
          * @param ref La référence de la demande en cours
-         * @param req Les paramètres de préparation
          * @param baseUrl L'url de base (optionnelle)
-         * @returns Les paramètres de paiement électronique à utiliser sur la plateforme pour ce paiement.
+         * @returns la page de paiement sur laquelle rediriger l'utilisateur
          */
-        EPaymentService.prototype.createPendingPayment = function (ref, req, baseUrl) {
+        EPaymentService.prototype.createPendingPayment = function (ref, baseUrl) {
             var _this = this;
-            var url = baseUrl + "epayment/prepare/" + ref;
-            return this.http.post(url, req).pipe(operators.catchError(function () { return _this.handleError(); }), operators.filter(function (value) { return !!value; }));
+            return this.http
+                .post(baseUrl + "epayment/prepare/" + ref, null, {
+                responseType: 'text'
+            })
+                .pipe(operators.catchError(function (err) {
+                _this.cancelPendingPayment(ref, baseUrl);
+                throw new Error();
+            }));
         };
         EPaymentService.prototype.cancelPendingPayment = function (ref, baseUrl) {
             var _this = this;
@@ -11416,20 +11432,14 @@
          * Déclenche le processus de paiement électronique. Le paiement est d'abord préparé avec GesDem, puis on navigue
          * vers la plateforme de paiement.
          *
-         * @param ref La référence de la demande en cours
-         * @param prenom Le prénom du payeur
-         * @param nom Le nom de famille du payeur
-         * @param adresse L'adresse postale du payeur
+         * @param reference La référence de la demande en cours
          */
-        SdkEpaymentComponent.prototype.payNow = function (ref, prenom, nom, adresse) {
-            var _this = this;
-            var req = new EPaymentRequest();
-            req.firstName = prenom;
-            req.lastName = nom;
-            req.address = adresse;
+        SdkEpaymentComponent.prototype.payNow = function (reference) {
             this.ePaymentService
-                .createPendingPayment(ref, req, this.baseUrl)
-                .subscribe(function (parameter) { return _this.jumpToPlatform(parameter); });
+                .createPendingPayment(reference, this.baseUrl)
+                .subscribe(function (redirectUrl) {
+                window.location.href = redirectUrl;
+            });
         };
         SdkEpaymentComponent.prototype.handleFailure = function () {
             var _this = this;
@@ -11447,31 +11457,10 @@
             });
             this.modalDisplayed = true;
         };
-        /**
-         * Prépare et soumet le formulaire HTML permettant de naviguer vers la plateforme de paiement électronique.
-         *
-         * @param param Objet retourné par GesDem contenant tous les paramètres nécessaires à la plateforme.
-         */
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        SdkEpaymentComponent.prototype.jumpToPlatform = function (param) {
-            var _this = this;
-            // Assembler les champs du formulaire à soumettre à la plateforme
-            Object.keys(param).forEach(function (key) {
-                var input = document.createElement('input');
-                input.type = 'hidden';
-                input.name = key.toUpperCase();
-                input.value = param[key];
-                _this.ePaymentForm.nativeElement.appendChild(input);
-            });
-            // Remplissage du formulaire
-            this.ePaymentForm.nativeElement.setAttribute('action', param.postFinanceUrl);
-            // Soumettre le formulaire
-            this.ePaymentForm.nativeElement.submit();
-        };
         return SdkEpaymentComponent;
     }());
     SdkEpaymentComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: SdkEpaymentComponent, deps: [{ token: EPaymentService }, { token: i1__namespace$1.ActivatedRoute }, { token: GesdemHandlerService }, { token: GesdemEventService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SdkEpaymentComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: SdkEpaymentComponent, selector: "epayment-form", inputs: { baseUrl: "baseUrl" }, viewQueries: [{ propertyName: "ePaymentForm", first: true, predicate: ["ePaymentForm"], descendants: true, static: true }], ngImport: i0__namespace, template: "<foehn-modal\n    [isModalVisible]=\"this.modalDisplayed\"\n    [modalBodyText]=\"this.platformFailureMessage\"\n    modalHeaderText=\"Le paiement n'a pu \u00EAtre effectu\u00E9\"\n    modalFooterText=\"L'Administration Cantonale Vaudoise\"\n    (click)=\"this.modalDisplayed = false\"\n></foehn-modal>\n<form #ePaymentForm ngNoForm method=\"post\" hidden></form>\n", styles: [""], components: [{ type: FoehnModalComponent, selector: "foehn-modal", inputs: ["id", "name", "modalSize", "modalBodyText", "modalHeaderText", "modalFooterText", "closeable", "modalTriggerHtmlElement", "isModalVisible"], outputs: ["isModalVisibleChange"] }] });
+    SdkEpaymentComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: SdkEpaymentComponent, selector: "epayment-form", inputs: { baseUrl: "baseUrl" }, ngImport: i0__namespace, template: "<foehn-modal\n    [isModalVisible]=\"this.modalDisplayed\"\n    [modalBodyText]=\"this.platformFailureMessage\"\n    modalHeaderText=\"Le paiement n'a pu \u00EAtre effectu\u00E9\"\n    modalFooterText=\"L'Administration Cantonale Vaudoise\"\n    (click)=\"this.modalDisplayed = false\"\n></foehn-modal>\n", styles: [""], components: [{ type: FoehnModalComponent, selector: "foehn-modal", inputs: ["id", "name", "modalSize", "modalBodyText", "modalHeaderText", "modalFooterText", "closeable", "modalTriggerHtmlElement", "isModalVisible"], outputs: ["isModalVisibleChange"] }] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: SdkEpaymentComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -11480,10 +11469,7 @@
                         templateUrl: './sdk-epayment.component.html',
                         styleUrls: ['./sdk-epayment.component.css']
                     }]
-            }], ctorParameters: function () { return [{ type: EPaymentService }, { type: i1__namespace$1.ActivatedRoute }, { type: GesdemHandlerService }, { type: GesdemEventService }]; }, propDecorators: { ePaymentForm: [{
-                    type: i0.ViewChild,
-                    args: ['ePaymentForm', { static: true }]
-                }], baseUrl: [{
+            }], ctorParameters: function () { return [{ type: EPaymentService }, { type: i1__namespace$1.ActivatedRoute }, { type: GesdemHandlerService }, { type: GesdemEventService }]; }, propDecorators: { baseUrl: [{
                     type: i0.Input
                 }] } });