@dsivd/prestations-ng 19.2.0-beta.6 → 19.2.0-beta.8

package/CHANGELOG.md

@@ -8,6 +8,28 @@
 
 ## [19.2.0] - should be aligned with prestations-be 19.2.x
 
+### Added
+
+- [foehn-bo-multi-upload.component.ts](projects/prestations-ng/src/foehn-upload/foehn-bo-multi-upload/foehn-bo-multi-upload.component.ts)
+    - New `localUpload` input. When set to `true`, selected files are kept purely local
+      (as `DocumentReferenceWithFile`, no `uploadUrl()` call) so they can be cancelled before
+      being sent. Files show up immediately in the list with a "pending" indicator (dictionary
+      key `foehn-uploader.pending-label`, French default provided) since they're not uploaded
+      yet. It is your responsibility to upload/delete them at save time,
+      e.g. via the new
+      [document-changes.helper.ts](projects/prestations-ng/src/foehn-upload/document-changes.helper.ts)
+      (`splitDocumentChanges`) which computes `filesToAdd`/`documentsToDelete` from the model.
+    - The default (direct upload) mode is unchanged.
+    - New `maxFileSizeInMo` input: a client-side, per-file size limit that doesn't depend on
+      the `fileMaxSizeInBytesByFormKey` server configuration (useful for consumers that don't
+      expose that config yet). Uses the new dictionary key
+      `foehn-uploader.file-too-big-error-message` (params: `filename`, `maxSizeInMo`), which
+      ships with a French default in
+      [default-dictionary.ts](projects/prestations-ng/src/sdk-dictionary/default-dictionary.ts)
+      like the rest of `foehn-uploader.*` — override it project-side only if you need to.
+    - New `chooseButtonStyleModifier` input, appended to the choose button's CSS classes
+      (e.g. `btn-sm`), mirroring the same input already available on other uploaders.
+
 ### Changed
 
 Library now runs as strict mode, which may cause some errors to appear in your project after updating.
@@ -122,6 +144,10 @@ Please check the [UPGRADING_V19.md](UPGRADING_V19.md) guide for more information
     - dynamic list: a model changed by the project (another value, `null`) is displayed again; once a value had been
       displayed, the display no longer followed the model. The elements loaded for the search of the user still do
       not replace what they type.
+- `foehn-input-address` without zone.js: an address given by the parent right after the initialization of the
+  component (e.g. prefilled with `SessionInfoWithApplicationService.prefillForm()` for a connected user) is no
+  longer overwritten by the model with the default country only; the default country and the clean-up of the model
+  are applied after the next rendering, from the latest model.
 - `foehn-input-address`: the deferred clean-up of the model (hidden address lines and post office box) applies
   to the latest model, it could restore a previous value (e.g. remove the default country); nothing is
   updated anymore once the component is destroyed.

package/CONTRIBUTING.md

@@ -94,9 +94,10 @@ This project uses a set of scripts to lint and format the code, along with pre-c
 
 Important scripts are :
 
-- `npm run lint` : run ESLint and Prettier on all files
+- `npm run lint` : run ESLint and Prettier on all files, and check the types of the TypeScript files compiled by no
+  build (`lint:types`: `cypress/`, which Cypress only transpiles, and the configuration files of `tsconfig.config.json`)
 - `npm run format`: run ESLint and Prettier on all files and fix errors automatically
-- `npm run validate`: clean and run all tests
+- `npm run validate`: clean, lint and run all tests
 
 **Husky** is used as a pre-commit hook to automatically output linting and formatting errors for staged files before committing.
 In the end, this utilitary calls `npm run lint-staged` which you can also call yourself of course. To have this pre-commit hook,

package/fesm2022/dsivd-prestations-ng.mjs

@@ -2,7 +2,7 @@ import * as i0 from '@angular/core';
 import { Injectable, inject, InjectionToken, model, input, viewChildren, viewChild, forwardRef, output, computed, linkedSignal, DestroyRef, signal, effect, untracked, PendingTasks, Directive, ChangeDetectorRef, Pipe, Component, contentChildren, EnvironmentInjector, runInInjectionContext, afterNextRender, ElementRef, Injector, makeEnvironmentProviders, ErrorHandler, provideBrowserGlobalErrorListeners, provideAppInitializer, importProvidersFrom, NgZone, contentChild, TemplateRef } from '@angular/core';
 import { takeUntilDestroyed, toSignal, toObservable, outputToObservable } from '@angular/core/rxjs-interop';
 import { Router, ActivatedRoute, RouterLink, NavigationStart, NavigationEnd } from '@angular/router';
-import { Subject, BehaviorSubject, combineLatest, of, filter as filter$1, tap as tap$1, throwError, switchMap as switchMap$1, forkJoin, from, concatMap, toArray, EMPTY, startWith, merge, noop, interval, withLatestFrom, Observable, map as map$1, concat } from 'rxjs';
+import { Subject, BehaviorSubject, combineLatest, of, filter as filter$1, tap as tap$1, throwError, switchMap as switchMap$1, forkJoin, from, concatMap, toArray, EMPTY, startWith, merge, noop, interval, withLatestFrom, map as map$1, concat } from 'rxjs';
 import { filter, shareReplay, tap, map, debounceTime, catchError, switchMap, first, finalize, throttleTime, mergeMap, share, take, distinctUntilChanged, startWith as startWith$1, takeWhile, takeUntil } from 'rxjs/operators';
 import { HttpClient, HttpEventType, HttpResponse, HTTP_INTERCEPTORS, HttpStatusCode, HttpResponseBase, HttpErrorResponse, HttpParams, provideHttpClient, withInterceptorsFromDi, withInterceptors } from '@angular/common/http';
 import * as i1 from '@angular/forms';
@@ -1340,6 +1340,8 @@ const DEFAULT_DICTIONARY = {
     'foehn-uploader.delete-error-message': 'Une erreur est survenue lors de la suppression de votre document',
     'foehn-uploader.delete-readonly-error-message': 'Un document en lecture seule ne peut pas être supprimé',
     'foehn-uploader.unknown-error-message': 'Impossible de transmettre le fichier',
+    'foehn-uploader.pending-label': "en attente d'envoi",
+    'foehn-uploader.file-too-big-error-message': 'Votre pièce jointe {filename} a une taille supérieure ou égale à la limite autorisée : {maxSizeInMo} Mo',
     'foehn-picture-upload.choose-button-label': 'Choisissez une photo',
     'foehn-picture-upload.loading-label': 'Chargement...',
     'foehn-picture-upload.invalid-file-type': 'Le type de votre pièce jointe {filename} ne figure pas parmi ceux qui sont autorisés : "{acceptFormats}"',
@@ -9044,34 +9046,6 @@ class StreetNumber {
 }
 const isDefined$1 = (value) => value === true || value === false;
 const hasInputChanged$1 = (change) => change && !ObjectHelper.isEqual(change.previousValue, change.currentValue);
-/**
- * Same as `debounceTime(0)`, but the application is not stable (PendingTasks, e.g. `fixture.whenStable()`)
- * while a value is waiting to be emitted and processed synchronously by the next operators.
- */
-const debounceTimeZeroAsPendingTask = (pendingTasks) => (source) => new Observable((subscriber) => {
-    let removeTask = null;
-    const subscription = source
-        .pipe(tap(() => (removeTask ??= pendingTasks.add())), debounceTime(0))
-        .subscribe({
-        next: (value) => {
-            const removeSettledTask = removeTask;
-            removeTask = null;
-            try {
-                subscriber.next(value);
-            }
-            finally {
-                removeSettledTask?.();
-            }
-        },
-        error: (error) => subscriber.error(error),
-        complete: () => subscriber.complete(),
-    });
-    return () => {
-        subscription.unsubscribe();
-        removeTask?.();
-        removeTask = null;
-    };
-});
 class FoehnInputAddressComponent extends FoehnInputComponent {
     isOnlySwiss = input(true, ...(ngDevMode ? [{ debugName: "isOnlySwiss" }] : /* istanbul ignore next */ []));
     showPostOfficeBoxText = input(false, ...(ngDevMode ? [{ debugName: "showPostOfficeBoxText" }] : /* istanbul ignore next */ []));
@@ -9118,8 +9092,9 @@ class FoehnInputAddressComponent extends FoehnInputComponent {
     streetCustomErrors = signal({}, ...(ngDevMode ? [{ debugName: "streetCustomErrors" }] : /* istanbul ignore next */ []));
     httpClient = inject(HttpClient);
     dictionaryService = inject(SdkDictionaryService);
-    addressPendingTasks = inject(PendingTasks);
+    addressInjector = inject(Injector);
     isSanitizationScheduled = false;
+    isDefaultCountryScheduled = false;
     iso2IdSubject = new BehaviorSubject(null);
     zipCodeIdSubject = new BehaviorSubject(null);
     estrIdSubject = new BehaviorSubject(null);
@@ -9355,32 +9330,21 @@ class FoehnInputAddressComponent extends FoehnInputComponent {
         return ObjectHelper.isDifferent(value, sanitized) ? sanitized : null;
     }
     /**
-     * The sanitized model is set in a macrotask (not while the view is checked) and computed from the latest model
-     * (e.g. the default country may have been set in between). The application is not stable until it is done.
+     * The sanitized model is set after the next rendering (not while the view is checked), from the latest model: the
+     * model given by the parent in between (e.g. prefilled asynchronously) has been received, it is not overwritten.
      */
     scheduleModelSanitization() {
         if (this.isSanitizationScheduled) {
             return;
         }
         this.isSanitizationScheduled = true;
-        const removeTask = this.addressPendingTasks.add();
-        const timeoutId = setTimeout(() => {
-            unregisterOnDestroy();
+        afterNextRender(() => {
             this.isSanitizationScheduled = false;
-            try {
-                const sanitized = this.getSanitizedModel(this.model());
-                if (sanitized) {
-                    this.updateNgModel(sanitized);
-                }
-            }
-            finally {
-                removeTask();
+            const sanitized = this.getSanitizedModel(this.model());
+            if (sanitized) {
+                this.updateNgModel(sanitized);
             }
-        });
-        const unregisterOnDestroy = this._destroyRef.onDestroy(() => {
-            clearTimeout(timeoutId);
-            removeTask();
-        });
+        }, { injector: this.addressInjector });
     }
     replaceAtLeastOneNotNull(notNullErrorLabel) {
         if (!this.showPostOfficeBoxText()) {
@@ -9522,29 +9486,45 @@ class FoehnInputAddressComponent extends FoehnInputComponent {
             this.isEmpty(this.addressLine2()));
     }
     manageDefaultCountry() {
-        // The application is not stable until the debounced changes are processed (the model can be updated).
         combineLatest([
-            this.countryModelChangeSubject.asObservable().pipe(debounceTimeZeroAsPendingTask(this.addressPendingTasks), distinctUntilChanged((previous, current) => previous?.iso2Id === current?.iso2Id)),
+            this.countryModelChangeSubject
+                .asObservable()
+                .pipe(distinctUntilChanged((previous, current) => previous?.iso2Id === current?.iso2Id)),
             this.isOnlySwissChangeSubject
                 .asObservable()
-                .pipe(debounceTimeZeroAsPendingTask(this.addressPendingTasks), distinctUntilChanged()),
+                .pipe(distinctUntilChanged()),
         ])
-            .pipe(tap(([country, isOnlySwiss]) => {
-            if (!isOnlySwiss &&
-                !country &&
-                !this.isCountryInputDirty()) {
-                this.setDefaultCountry();
-                return;
-            }
-            if (isOnlySwiss) {
-                // When there is a country, we need to check if it has to be cleaned and set to default
-                if (country && !ObjectHelper.isEmpty(country)) {
-                    this.clearAutocompletesWhenCountryIsUnappropriatedToComponentConfiguration();
-                }
-                this.setDefaultCountry();
+            .pipe(takeUntilDestroyed(this._destroyRef))
+            .subscribe(() => this.scheduleDefaultCountry());
+    }
+    /**
+     * The default country is applied after the next rendering (once for the changes of the same rendering), from the
+     * latest state: without zone.js, a model given by the parent in between (e.g. prefilled asynchronously) is only
+     * received with the next change detection, it must not be overwritten by the model with the default country only.
+     */
+    scheduleDefaultCountry() {
+        if (this.isDefaultCountryScheduled) {
+            return;
+        }
+        this.isDefaultCountryScheduled = true;
+        afterNextRender(() => {
+            this.isDefaultCountryScheduled = false;
+            this.applyDefaultCountry();
+        }, { injector: this.addressInjector });
+    }
+    applyDefaultCountry() {
+        const country = this.country();
+        if (!this.isOnlySwiss() && !country && !this.isCountryInputDirty()) {
+            this.setDefaultCountry();
+            return;
+        }
+        if (this.isOnlySwiss()) {
+            // When there is a country, we need to check if it has to be cleaned and set to default
+            if (country && !ObjectHelper.isEmpty(country)) {
+                this.clearAutocompletesWhenCountryIsUnappropriatedToComponentConfiguration();
             }
-        }), takeUntilDestroyed(this._destroyRef))
-            .subscribe();
+            this.setDefaultCountry();
+        }
     }
     isCountryInputDirty() {
         const countryAutocomplete = this.countryAutocomplete();
@@ -13620,6 +13600,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
                 }]
         }], ctorParameters: () => [], propDecorators: { showUploadButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "showUploadButton", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], hideGlobalInfos: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideGlobalInfos", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], key: [{ type: i0.Input, args: [{ isSignal: true, alias: "key", required: false }] }], overrideAcceptedExtensions: [{ type: i0.Input, args: [{ isSignal: true, alias: "overrideAcceptedExtensions", required: false }] }], overrideMaxFileNameLength: [{ type: i0.Input, args: [{ isSignal: true, alias: "overrideMaxFileNameLength", required: false }] }], overrideIllegalCharacters: [{ type: i0.Input, args: [{ isSignal: true, alias: "overrideIllegalCharacters", required: false }] }], showDeleteConfirmationMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "showDeleteConfirmationMessage", required: false }] }], maxSimultaneousSelectedFiles: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxSimultaneousSelectedFiles", required: false }] }], maxFilesCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxFilesCount", required: false }] }], maxFilesSizeInMo: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxFilesSizeInMo", required: false }] }], dragAndDrop: [{ type: i0.Input, args: [{ isSignal: true, alias: "dragAndDrop", required: false }] }], shouldDisplayFileSavedConfirmation: [{ type: i0.Input, args: [{ isSignal: true, alias: "shouldDisplayFileSavedConfirmation", required: false }] }], chooseButtonLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "chooseButtonLabel", required: false }] }], chooseButtonLabelMultiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "chooseButtonLabelMultiple", required: false }] }], dropZoneLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropZoneLabel", required: false }] }], dropZoneLabelMultiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropZoneLabelMultiple", required: false }] }], deleteConfirmationMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "deleteConfirmationMessage", required: false }] }] } });
 
+/**
+ * Computes what needs to be uploaded/deleted server-side by comparing a document list
+ * currently held in a "local upload" model (mixing already persisted `DocumentReference`
+ * and pending `DocumentReferenceWithFile`) against the list as it was originally loaded.
+ */
+function splitDocumentChanges(current, original) {
+    const filesToAdd = (current ?? [])
+        .filter((doc) => doc instanceof DocumentReferenceWithFile)
+        .map((doc) => doc.file)
+        .filter((file) => !!file);
+    const currentReferences = new Set((current ?? [])
+        .map((doc) => doc.reference)
+        .filter((reference) => !!reference));
+    const documentsToDelete = (original ?? []).filter((doc) => !!doc.reference && !currentReferences.has(doc.reference));
+    return { filesToAdd, documentsToDelete };
+}
+
 class UploadProgressService extends AbstractUploadProgressService {
     _analysisProgressSubject = new BehaviorSubject(false);
     _uploadProgressSubject = new BehaviorSubject(null);
@@ -14304,14 +14301,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
                 }]
         }], ctorParameters: () => [] });
 
+const BYTES_IN_MO = 1024 * 1024;
 class FoehnBoMultiUploadComponent extends AbstractFoehnUploaderComponent {
     uploadUrl = input(...(ngDevMode ? [undefined, { debugName: "uploadUrl" }] : /* istanbul ignore next */ []));
     deleteUrl = input(...(ngDevMode ? [undefined, { debugName: "deleteUrl" }] : /* istanbul ignore next */ []));
     downloadUrl = input(...(ngDevMode ? [undefined, { debugName: "downloadUrl" }] : /* istanbul ignore next */ []));
     optionalLabelKey = input('foehn-input.optional', ...(ngDevMode ? [{ debugName: "optionalLabelKey" }] : /* istanbul ignore next */ []));
+    localUpload = input(false, ...(ngDevMode ? [{ debugName: "localUpload" }] : /* istanbul ignore next */ []));
+    maxFileSizeInMo = input(...(ngDevMode ? [undefined, { debugName: "maxFileSizeInMo" }] : /* istanbul ignore next */ []));
+    chooseButtonStyleModifier = input(...(ngDevMode ? [undefined, { debugName: "chooseButtonStyleModifier" }] : /* istanbul ignore next */ []));
     documentDeleted = output();
     boMultiUploadService = inject(BoMultiUploadService);
     pageUploadLimitService = inject(PageUploadLimitService);
+    blobUrls = new Map();
+    localSequence = 0;
     get addedFiles() {
         return this.model()?.filter((e) => !e.readonly) ?? [];
     }
@@ -14359,6 +14362,23 @@ class FoehnBoMultiUploadComponent extends AbstractFoehnUploaderComponent {
     }
     ngOnDestroy() {
         this.pageUploadLimitService.unregisterUploader(this);
+        this.blobUrls.forEach((url) => URL.revokeObjectURL(url));
+        this.blobUrls.clear();
+    }
+    isPending(document) {
+        return document instanceof DocumentReferenceWithFile;
+    }
+    getDocumentDownloadUrl(document) {
+        if (document instanceof DocumentReferenceWithFile) {
+            const file = document.file;
+            if (file) {
+                if (!this.blobUrls.has(file)) {
+                    this.blobUrls.set(file, URL.createObjectURL(file));
+                }
+                return this.blobUrls.get(file) ?? '';
+            }
+        }
+        return this.boMultiUploadService.getDownloadUrl(this.downloadUrl(), document);
     }
     getTotalFilesSize() {
         return (this.model()
@@ -14399,6 +14419,13 @@ class FoehnBoMultiUploadComponent extends AbstractFoehnUploaderComponent {
             }
         }
     }
+    removeFileOnConfirmation(document) {
+        if (this.localUpload()) {
+            this.removeDocumentLocally(document);
+            return;
+        }
+        super.removeFileOnConfirmation(document);
+    }
     populateFileItemList(fileList) {
         let files = Array.from(fileList);
         if (!files.length ||
@@ -14415,13 +14442,79 @@ class FoehnBoMultiUploadComponent extends AbstractFoehnUploaderComponent {
         if (filesErrors.length) {
             return;
         }
+        const tooBigErrors = this.tooBigErrors(files);
+        if (tooBigErrors.length) {
+            this.refreshErrors([tooBigErrors, true]);
+            return;
+        }
         // Initialize model if empty
         if (!this.model()?.length) {
             this.model.set([]);
         }
+        if (this.localUpload()) {
+            // The files stay purely local: no HTTP call is made, the consuming project is
+            // responsible for uploading them at save time (see splitDocumentChanges()).
+            this.addFilesLocally(files);
+            return;
+        }
         // we send files to server
         this.uploadFilesSubject.next(files);
     }
+    tooBigErrors(files) {
+        const maxFileSizeInMo = this.maxFileSizeInMo();
+        if (!maxFileSizeInMo) {
+            return [];
+        }
+        return files
+            .filter((file) => file.size > maxFileSizeInMo * BYTES_IN_MO)
+            .map((file, index) => ({
+            name: this.name(),
+            code: `FILE_TOO_BIG_${index}`,
+            message: this.dictionaryService.getKeySync('foehn-uploader.file-too-big-error-message', {
+                filename: getSafeFileNameForErrorMessage(file.name),
+                maxSizeInMo: `${maxFileSizeInMo}`,
+            }),
+        }));
+    }
+    addFilesLocally(files) {
+        const pendingDocuments = files.map((file) => this.toPendingDocument(file));
+        this.model.update((current) => [
+            ...(current ?? []),
+            ...pendingDocuments,
+        ]);
+        this.markAsDirty();
+        this.triggerUserInput(this.model());
+    }
+    toPendingDocument(file) {
+        const document = new DocumentReferenceWithFile();
+        document.reference = '';
+        document.key = `${this.key() ?? this.name()}_local_${this.localSequence++}`;
+        document.label = this.label();
+        document.filename = file.name;
+        document.mimeType = file.type;
+        document.fileSize = file.size;
+        document.file = file;
+        return document;
+    }
+    removeDocumentLocally(document) {
+        const current = this.model() ?? [];
+        if (!current.includes(document)) {
+            return;
+        }
+        this.model.set(current.filter((candidate) => candidate !== document));
+        if (document instanceof DocumentReferenceWithFile && document.file) {
+            this.revokeBlobUrl(document.file);
+        }
+        this.markAsDirty();
+        this.triggerUserInput(this.model());
+    }
+    revokeBlobUrl(file) {
+        const blobUrl = this.blobUrls.get(file);
+        if (blobUrl) {
+            URL.revokeObjectURL(blobUrl);
+            this.blobUrls.delete(file);
+        }
+    }
     displayResultFromServer(documents, errors) {
         this.displayErrorsFromServer(errors);
         this.model.set([...(this.model() ?? []), ...(documents || [])]);
@@ -14459,7 +14552,7 @@ class FoehnBoMultiUploadComponent extends AbstractFoehnUploaderComponent {
         return files.slice(0, 1);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: FoehnBoMultiUploadComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.23", type: FoehnBoMultiUploadComponent, isStandalone: true, selector: "foehn-bo-multi-upload", inputs: { uploadUrl: { classPropertyName: "uploadUrl", publicName: "uploadUrl", isSignal: true, isRequired: false, transformFunction: null }, deleteUrl: { classPropertyName: "deleteUrl", publicName: "deleteUrl", isSignal: true, isRequired: false, transformFunction: null }, downloadUrl: { classPropertyName: "downloadUrl", publicName: "downloadUrl", isSignal: true, isRequired: false, transformFunction: null }, optionalLabelKey: { classPropertyName: "optionalLabelKey", publicName: "optionalLabelKey", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { documentDeleted: "documentDeleted" }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.23", type: FoehnBoMultiUploadComponent, isStandalone: true, selector: "foehn-bo-multi-upload", inputs: { uploadUrl: { classPropertyName: "uploadUrl", publicName: "uploadUrl", isSignal: true, isRequired: false, transformFunction: null }, deleteUrl: { classPropertyName: "deleteUrl", publicName: "deleteUrl", isSignal: true, isRequired: false, transformFunction: null }, downloadUrl: { classPropertyName: "downloadUrl", publicName: "downloadUrl", isSignal: true, isRequired: false, transformFunction: null }, optionalLabelKey: { classPropertyName: "optionalLabelKey", publicName: "optionalLabelKey", isSignal: true, isRequired: false, transformFunction: null }, localUpload: { classPropertyName: "localUpload", publicName: "localUpload", isSignal: true, isRequired: false, transformFunction: null }, maxFileSizeInMo: { classPropertyName: "maxFileSizeInMo", publicName: "maxFileSizeInMo", isSignal: true, isRequired: false, transformFunction: null }, chooseButtonStyleModifier: { classPropertyName: "chooseButtonStyleModifier", publicName: "chooseButtonStyleModifier", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { documentDeleted: "documentDeleted" }, providers: [
             {
                 provide: FoehnInputComponent,
                 useExisting: forwardRef(() => FoehnBoMultiUploadComponent),
@@ -14470,7 +14563,7 @@ class FoehnBoMultiUploadComponent extends AbstractFoehnUploaderComponent {
                 provide: AbstractUploadProgressService,
                 useExisting: UploadProgressService,
             },
-        ], usesInheritance: true, ngImport: i0, template: "<div\n    class=\"form-group container-box\"\n    [class.has-danger]=\"hasErrorsToDisplay()\"\n    [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n    [class.drop-zone-highlight]=\"showDropZone\"\n    [attr.id]=\"buildId('Container')\"\n    tabindex=\"-1\"\n    (drop)=\"onDrop($event)\"\n    (dragenter)=\"onDragenter($event)\"\n    (dragleave)=\"onDragleave($event)\"\n    (dragover)=\"onDragover($event)\"\n    #fallBackTrigger\n>\n    @if (!!label()) {\n        <label\n            [class]=\"\n                'form-label ' +\n                (isLabelSrOnly()\n                    ? 'visually-hidden'\n                    : (labelStyleModifier() ?? ''))\n            \"\n            [attr.for]=\"buildChildId()\"\n        >\n            <span [innerHTML]=\"label()\"></span>\n            @if (!required() && !hideNotRequiredExtraLabel()) {\n                <span aria-hidden=\"true\">\n                    {{ optionalLabelKey() | fromDictionary }}\n                </span>\n            }\n        </label>\n    }\n\n    <foehn-validation-alerts\n        [component]=\"this\"\n        [shouldErrorsBeLive]=\"hasLiveUploadErrors()\"\n    />\n\n    @if (helpText()) {\n        <small\n            [attr.id]=\"buildChildId('Help')\"\n            class=\"form-text text-secondary\"\n            [innerHTML]=\"helpText()\"\n        ></small>\n    }\n\n    <!-- PRESTAKIT-309: Fake input with NgModel to be registered into Form controls -->\n    <input type=\"hidden\" [name]=\"name() || label() || ''\" [ngModel]=\"model()\" />\n\n    <ng-content />\n\n    @for (document of model(); track trackByDocument($index, document)) {\n        <div class=\"file file-uploaded\">\n            <!-- prettier-ignore -->\n            <a [href]=\"boMultiUploadService.getDownloadUrl(downloadUrl(), document)\" target=\"_blank\">{{ document.filename }}</a>\n            <span class=\"ms-1 me-1\">\n                ({{ toMegaOctets(document.fileSize ?? 0) }}\n                <abbr\n                    [title]=\"\n                        'foehn-uploader.abbr-megaoctet-title' | fromDictionary\n                    \"\n                >\n                    {{ 'foehn-uploader.abbr-megaoctet' | fromDictionary }}\n                </abbr>\n                )\n            </span>\n            @if (!readonly() && !document.readonly) {\n                <button\n                    [disabled]=\"disabled()\"\n                    type=\"button\"\n                    class=\"btn btn-link icon-button delete-uploaded\"\n                    (click)=\"removeFile(document)\"\n                >\n                    <foehn-icon-times\n                        [title]=\"\n                            'foehn-uploader.delete-icon-title'\n                                | fromDictionary: { docName: document.filename }\n                        \"\n                    />\n                </button>\n            }\n        </div>\n    }\n\n    @if (showGlobalInfos(model())) {\n        <small\n            class=\"form-text text-secondary uploaded-global-info\"\n            [innerHTML]=\"getGlobalInfos(model())\"\n        ></small>\n    }\n\n    @if (canAddMoreFiles()) {\n        <input\n            class=\"form-control actual-input\"\n            type=\"file\"\n            [name]=\"name() || label()\"\n            [multiple]=\"multiple()\"\n            [attr.accept]=\"\n                overrideAcceptedExtensions()\n                    ? overrideAcceptedExtensions()\n                    : uploaderHelper.accept\n                      ? uploaderHelper.accept\n                      : null\n            \"\n            (change)=\"onFileChange($event)\"\n            #inputFile\n        />\n\n        <button\n            type=\"button\"\n            class=\"btn btn-primary\"\n            [disabled]=\"disabled()\"\n            [class.visually-hidden]=\"!showUploadButton()\"\n            [attr.id]=\"buildChildId()\"\n            [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n            [attr.aria-describedby]=\"buildId('ErrorsContainer')\"\n            (click)=\"inputFile.click()\"\n            #entryComponent\n        >\n            {{\n                multiple()\n                    ? resolvedChooseButtonLabelMultiple()\n                    : resolvedChooseButtonLabel()\n            }}\n        </button>\n\n        @if (dragAndDrop() && !disabled()) {\n            <div\n                aria-hidden=\"true\"\n                class=\"dropfile\"\n                [class.dropfile-border-transparent]=\"showDropZone\"\n                (click)=\"inputFile.click()\"\n            >\n                {{\n                    multiple()\n                        ? resolvedDropZoneLabelMultiple()\n                        : resolvedDropZoneLabel()\n                }}\n            </div>\n        }\n    }\n\n    <foehn-upload-progress-bar\n        [progressBarTriggerHtmlElement]=\"\n            inputElement()?.nativeElement || fallBackTrigger\n        \"\n    />\n</div>\n", styles: [".dropfile{width:300px;border:3px dashed #bbb;text-align:center;margin-top:10px;cursor:pointer;padding:15px 3px}.dropfile-border-transparent{border-color:#fff}.actual-input{display:none}.file-list{margin-top:20px}.icon-button{border:0}.icon-button:hover{cursor:pointer}:host ::ng-deep .svg-inline--fa{color:#000!important}.drop-zone-highlight{outline:3px dashed #bbb}.container-box{border:1px solid #ededed;background-color:#fbfbfb;padding:.5rem}.container-box.vd-form-group-danger{border-left:5px solid var(--vd-danger);padding-left:1rem}\n"], dependencies: [{ kind: "component", type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: FoehnIconTimesComponent, selector: "foehn-icon-times" }, { kind: "component", type: FoehnUploadProgressBarComponent, selector: "foehn-upload-progress-bar", inputs: ["progressBarTriggerHtmlElement"] }, { kind: "pipe", type: SdkDictionaryPipe, name: "fromDictionary" }] });
+        ], usesInheritance: true, ngImport: i0, template: "<div\n    class=\"form-group container-box\"\n    [class.has-danger]=\"hasErrorsToDisplay()\"\n    [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n    [class.drop-zone-highlight]=\"showDropZone\"\n    [attr.id]=\"buildId('Container')\"\n    tabindex=\"-1\"\n    (drop)=\"onDrop($event)\"\n    (dragenter)=\"onDragenter($event)\"\n    (dragleave)=\"onDragleave($event)\"\n    (dragover)=\"onDragover($event)\"\n    #fallBackTrigger\n>\n    @if (!!label()) {\n        <label\n            [class]=\"\n                'form-label ' +\n                (isLabelSrOnly()\n                    ? 'visually-hidden'\n                    : (labelStyleModifier() ?? ''))\n            \"\n            [attr.for]=\"buildChildId()\"\n        >\n            <span [innerHTML]=\"label()\"></span>\n            @if (!required() && !hideNotRequiredExtraLabel()) {\n                <span aria-hidden=\"true\">\n                    {{ optionalLabelKey() | fromDictionary }}\n                </span>\n            }\n        </label>\n    }\n\n    <foehn-validation-alerts\n        [component]=\"this\"\n        [shouldErrorsBeLive]=\"hasLiveUploadErrors()\"\n    />\n\n    @if (helpText()) {\n        <small\n            [attr.id]=\"buildChildId('Help')\"\n            class=\"form-text text-secondary\"\n            [innerHTML]=\"helpText()\"\n        ></small>\n    }\n\n    <!-- PRESTAKIT-309: Fake input with NgModel to be registered into Form controls -->\n    <input type=\"hidden\" [name]=\"name() || label() || ''\" [ngModel]=\"model()\" />\n\n    <ng-content />\n\n    @for (document of model(); track trackByDocument($index, document)) {\n        <div class=\"file file-uploaded\">\n            <!-- prettier-ignore -->\n            <a [href]=\"getDocumentDownloadUrl(document)\" target=\"_blank\">{{ document.filename }}</a>\n            <span class=\"ms-1 me-1\">\n                ({{ toMegaOctets(document.fileSize ?? 0) }}\n                <abbr\n                    [title]=\"\n                        'foehn-uploader.abbr-megaoctet-title' | fromDictionary\n                    \"\n                >\n                    {{ 'foehn-uploader.abbr-megaoctet' | fromDictionary }}\n                </abbr>\n                )\n            </span>\n            @if (isPending(document)) {\n                <span class=\"fst-italic text-secondary\">\n                    ({{ 'foehn-uploader.pending-label' | fromDictionary }})\n                </span>\n            }\n            @if (!readonly() && !document.readonly) {\n                <button\n                    [disabled]=\"disabled()\"\n                    type=\"button\"\n                    class=\"btn btn-link icon-button delete-uploaded\"\n                    (click)=\"removeFile(document)\"\n                >\n                    <foehn-icon-times\n                        [title]=\"\n                            'foehn-uploader.delete-icon-title'\n                                | fromDictionary: { docName: document.filename }\n                        \"\n                    />\n                </button>\n            }\n        </div>\n    }\n\n    @if (showGlobalInfos(model())) {\n        <small\n            class=\"form-text text-secondary uploaded-global-info\"\n            [innerHTML]=\"getGlobalInfos(model())\"\n        ></small>\n    }\n\n    @if (canAddMoreFiles()) {\n        <input\n            class=\"form-control actual-input\"\n            type=\"file\"\n            [name]=\"name() || label()\"\n            [multiple]=\"multiple()\"\n            [attr.accept]=\"\n                overrideAcceptedExtensions()\n                    ? overrideAcceptedExtensions()\n                    : uploaderHelper.accept\n                      ? uploaderHelper.accept\n                      : null\n            \"\n            (change)=\"onFileChange($event)\"\n            #inputFile\n        />\n\n        <button\n            type=\"button\"\n            [class]=\"'btn btn-primary ' + (chooseButtonStyleModifier() ?? '')\"\n            [disabled]=\"disabled()\"\n            [class.visually-hidden]=\"!showUploadButton()\"\n            [attr.id]=\"buildChildId()\"\n            [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n            [attr.aria-describedby]=\"buildId('ErrorsContainer')\"\n            (click)=\"inputFile.click()\"\n            #entryComponent\n        >\n            {{\n                multiple()\n                    ? resolvedChooseButtonLabelMultiple()\n                    : resolvedChooseButtonLabel()\n            }}\n        </button>\n\n        @if (dragAndDrop() && !disabled()) {\n            <div\n                aria-hidden=\"true\"\n                class=\"dropfile\"\n                [class.dropfile-border-transparent]=\"showDropZone\"\n                (click)=\"inputFile.click()\"\n            >\n                {{\n                    multiple()\n                        ? resolvedDropZoneLabelMultiple()\n                        : resolvedDropZoneLabel()\n                }}\n            </div>\n        }\n    }\n\n    <foehn-upload-progress-bar\n        [progressBarTriggerHtmlElement]=\"\n            inputElement()?.nativeElement || fallBackTrigger\n        \"\n    />\n</div>\n", styles: [".dropfile{width:300px;border:3px dashed #bbb;text-align:center;margin-top:10px;cursor:pointer;padding:15px 3px}.dropfile-border-transparent{border-color:#fff}.actual-input{display:none}.file-list{margin-top:20px}.icon-button{border:0}.icon-button:hover{cursor:pointer}:host ::ng-deep .svg-inline--fa{color:#000!important}.drop-zone-highlight{outline:3px dashed #bbb}.container-box{border:1px solid #ededed;background-color:#fbfbfb;padding:.5rem}.container-box.vd-form-group-danger{border-left:5px solid var(--vd-danger);padding-left:1rem}\n"], dependencies: [{ kind: "component", type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: FoehnIconTimesComponent, selector: "foehn-icon-times" }, { kind: "component", type: FoehnUploadProgressBarComponent, selector: "foehn-upload-progress-bar", inputs: ["progressBarTriggerHtmlElement"] }, { kind: "pipe", type: SdkDictionaryPipe, name: "fromDictionary" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: FoehnBoMultiUploadComponent, decorators: [{
             type: Component,
@@ -14491,8 +14584,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
                         FoehnIconTimesComponent,
                         FoehnUploadProgressBarComponent,
                         SdkDictionaryPipe,
-                    ], template: "<div\n    class=\"form-group container-box\"\n    [class.has-danger]=\"hasErrorsToDisplay()\"\n    [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n    [class.drop-zone-highlight]=\"showDropZone\"\n    [attr.id]=\"buildId('Container')\"\n    tabindex=\"-1\"\n    (drop)=\"onDrop($event)\"\n    (dragenter)=\"onDragenter($event)\"\n    (dragleave)=\"onDragleave($event)\"\n    (dragover)=\"onDragover($event)\"\n    #fallBackTrigger\n>\n    @if (!!label()) {\n        <label\n            [class]=\"\n                'form-label ' +\n                (isLabelSrOnly()\n                    ? 'visually-hidden'\n                    : (labelStyleModifier() ?? ''))\n            \"\n            [attr.for]=\"buildChildId()\"\n        >\n            <span [innerHTML]=\"label()\"></span>\n            @if (!required() && !hideNotRequiredExtraLabel()) {\n                <span aria-hidden=\"true\">\n                    {{ optionalLabelKey() | fromDictionary }}\n                </span>\n            }\n        </label>\n    }\n\n    <foehn-validation-alerts\n        [component]=\"this\"\n        [shouldErrorsBeLive]=\"hasLiveUploadErrors()\"\n    />\n\n    @if (helpText()) {\n        <small\n            [attr.id]=\"buildChildId('Help')\"\n            class=\"form-text text-secondary\"\n            [innerHTML]=\"helpText()\"\n        ></small>\n    }\n\n    <!-- PRESTAKIT-309: Fake input with NgModel to be registered into Form controls -->\n    <input type=\"hidden\" [name]=\"name() || label() || ''\" [ngModel]=\"model()\" />\n\n    <ng-content />\n\n    @for (document of model(); track trackByDocument($index, document)) {\n        <div class=\"file file-uploaded\">\n            <!-- prettier-ignore -->\n            <a [href]=\"boMultiUploadService.getDownloadUrl(downloadUrl(), document)\" target=\"_blank\">{{ document.filename }}</a>\n            <span class=\"ms-1 me-1\">\n                ({{ toMegaOctets(document.fileSize ?? 0) }}\n                <abbr\n                    [title]=\"\n                        'foehn-uploader.abbr-megaoctet-title' | fromDictionary\n                    \"\n                >\n                    {{ 'foehn-uploader.abbr-megaoctet' | fromDictionary }}\n                </abbr>\n                )\n            </span>\n            @if (!readonly() && !document.readonly) {\n                <button\n                    [disabled]=\"disabled()\"\n                    type=\"button\"\n                    class=\"btn btn-link icon-button delete-uploaded\"\n                    (click)=\"removeFile(document)\"\n                >\n                    <foehn-icon-times\n                        [title]=\"\n                            'foehn-uploader.delete-icon-title'\n                                | fromDictionary: { docName: document.filename }\n                        \"\n                    />\n                </button>\n            }\n        </div>\n    }\n\n    @if (showGlobalInfos(model())) {\n        <small\n            class=\"form-text text-secondary uploaded-global-info\"\n            [innerHTML]=\"getGlobalInfos(model())\"\n        ></small>\n    }\n\n    @if (canAddMoreFiles()) {\n        <input\n            class=\"form-control actual-input\"\n            type=\"file\"\n            [name]=\"name() || label()\"\n            [multiple]=\"multiple()\"\n            [attr.accept]=\"\n                overrideAcceptedExtensions()\n                    ? overrideAcceptedExtensions()\n                    : uploaderHelper.accept\n                      ? uploaderHelper.accept\n                      : null\n            \"\n            (change)=\"onFileChange($event)\"\n            #inputFile\n        />\n\n        <button\n            type=\"button\"\n            class=\"btn btn-primary\"\n            [disabled]=\"disabled()\"\n            [class.visually-hidden]=\"!showUploadButton()\"\n            [attr.id]=\"buildChildId()\"\n            [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n            [attr.aria-describedby]=\"buildId('ErrorsContainer')\"\n            (click)=\"inputFile.click()\"\n            #entryComponent\n        >\n            {{\n                multiple()\n                    ? resolvedChooseButtonLabelMultiple()\n                    : resolvedChooseButtonLabel()\n            }}\n        </button>\n\n        @if (dragAndDrop() && !disabled()) {\n            <div\n                aria-hidden=\"true\"\n                class=\"dropfile\"\n                [class.dropfile-border-transparent]=\"showDropZone\"\n                (click)=\"inputFile.click()\"\n            >\n                {{\n                    multiple()\n                        ? resolvedDropZoneLabelMultiple()\n                        : resolvedDropZoneLabel()\n                }}\n            </div>\n        }\n    }\n\n    <foehn-upload-progress-bar\n        [progressBarTriggerHtmlElement]=\"\n            inputElement()?.nativeElement || fallBackTrigger\n        \"\n    />\n</div>\n", styles: [".dropfile{width:300px;border:3px dashed #bbb;text-align:center;margin-top:10px;cursor:pointer;padding:15px 3px}.dropfile-border-transparent{border-color:#fff}.actual-input{display:none}.file-list{margin-top:20px}.icon-button{border:0}.icon-button:hover{cursor:pointer}:host ::ng-deep .svg-inline--fa{color:#000!important}.drop-zone-highlight{outline:3px dashed #bbb}.container-box{border:1px solid #ededed;background-color:#fbfbfb;padding:.5rem}.container-box.vd-form-group-danger{border-left:5px solid var(--vd-danger);padding-left:1rem}\n"] }]
-        }], propDecorators: { uploadUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "uploadUrl", required: false }] }], deleteUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "deleteUrl", required: false }] }], downloadUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "downloadUrl", required: false }] }], optionalLabelKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "optionalLabelKey", required: false }] }], documentDeleted: [{ type: i0.Output, args: ["documentDeleted"] }] } });
+                    ], template: "<div\n    class=\"form-group container-box\"\n    [class.has-danger]=\"hasErrorsToDisplay()\"\n    [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n    [class.drop-zone-highlight]=\"showDropZone\"\n    [attr.id]=\"buildId('Container')\"\n    tabindex=\"-1\"\n    (drop)=\"onDrop($event)\"\n    (dragenter)=\"onDragenter($event)\"\n    (dragleave)=\"onDragleave($event)\"\n    (dragover)=\"onDragover($event)\"\n    #fallBackTrigger\n>\n    @if (!!label()) {\n        <label\n            [class]=\"\n                'form-label ' +\n                (isLabelSrOnly()\n                    ? 'visually-hidden'\n                    : (labelStyleModifier() ?? ''))\n            \"\n            [attr.for]=\"buildChildId()\"\n        >\n            <span [innerHTML]=\"label()\"></span>\n            @if (!required() && !hideNotRequiredExtraLabel()) {\n                <span aria-hidden=\"true\">\n                    {{ optionalLabelKey() | fromDictionary }}\n                </span>\n            }\n        </label>\n    }\n\n    <foehn-validation-alerts\n        [component]=\"this\"\n        [shouldErrorsBeLive]=\"hasLiveUploadErrors()\"\n    />\n\n    @if (helpText()) {\n        <small\n            [attr.id]=\"buildChildId('Help')\"\n            class=\"form-text text-secondary\"\n            [innerHTML]=\"helpText()\"\n        ></small>\n    }\n\n    <!-- PRESTAKIT-309: Fake input with NgModel to be registered into Form controls -->\n    <input type=\"hidden\" [name]=\"name() || label() || ''\" [ngModel]=\"model()\" />\n\n    <ng-content />\n\n    @for (document of model(); track trackByDocument($index, document)) {\n        <div class=\"file file-uploaded\">\n            <!-- prettier-ignore -->\n            <a [href]=\"getDocumentDownloadUrl(document)\" target=\"_blank\">{{ document.filename }}</a>\n            <span class=\"ms-1 me-1\">\n                ({{ toMegaOctets(document.fileSize ?? 0) }}\n                <abbr\n                    [title]=\"\n                        'foehn-uploader.abbr-megaoctet-title' | fromDictionary\n                    \"\n                >\n                    {{ 'foehn-uploader.abbr-megaoctet' | fromDictionary }}\n                </abbr>\n                )\n            </span>\n            @if (isPending(document)) {\n                <span class=\"fst-italic text-secondary\">\n                    ({{ 'foehn-uploader.pending-label' | fromDictionary }})\n                </span>\n            }\n            @if (!readonly() && !document.readonly) {\n                <button\n                    [disabled]=\"disabled()\"\n                    type=\"button\"\n                    class=\"btn btn-link icon-button delete-uploaded\"\n                    (click)=\"removeFile(document)\"\n                >\n                    <foehn-icon-times\n                        [title]=\"\n                            'foehn-uploader.delete-icon-title'\n                                | fromDictionary: { docName: document.filename }\n                        \"\n                    />\n                </button>\n            }\n        </div>\n    }\n\n    @if (showGlobalInfos(model())) {\n        <small\n            class=\"form-text text-secondary uploaded-global-info\"\n            [innerHTML]=\"getGlobalInfos(model())\"\n        ></small>\n    }\n\n    @if (canAddMoreFiles()) {\n        <input\n            class=\"form-control actual-input\"\n            type=\"file\"\n            [name]=\"name() || label()\"\n            [multiple]=\"multiple()\"\n            [attr.accept]=\"\n                overrideAcceptedExtensions()\n                    ? overrideAcceptedExtensions()\n                    : uploaderHelper.accept\n                      ? uploaderHelper.accept\n                      : null\n            \"\n            (change)=\"onFileChange($event)\"\n            #inputFile\n        />\n\n        <button\n            type=\"button\"\n            [class]=\"'btn btn-primary ' + (chooseButtonStyleModifier() ?? '')\"\n            [disabled]=\"disabled()\"\n            [class.visually-hidden]=\"!showUploadButton()\"\n            [attr.id]=\"buildChildId()\"\n            [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n            [attr.aria-describedby]=\"buildId('ErrorsContainer')\"\n            (click)=\"inputFile.click()\"\n            #entryComponent\n        >\n            {{\n                multiple()\n                    ? resolvedChooseButtonLabelMultiple()\n                    : resolvedChooseButtonLabel()\n            }}\n        </button>\n\n        @if (dragAndDrop() && !disabled()) {\n            <div\n                aria-hidden=\"true\"\n                class=\"dropfile\"\n                [class.dropfile-border-transparent]=\"showDropZone\"\n                (click)=\"inputFile.click()\"\n            >\n                {{\n                    multiple()\n                        ? resolvedDropZoneLabelMultiple()\n                        : resolvedDropZoneLabel()\n                }}\n            </div>\n        }\n    }\n\n    <foehn-upload-progress-bar\n        [progressBarTriggerHtmlElement]=\"\n            inputElement()?.nativeElement || fallBackTrigger\n        \"\n    />\n</div>\n", styles: [".dropfile{width:300px;border:3px dashed #bbb;text-align:center;margin-top:10px;cursor:pointer;padding:15px 3px}.dropfile-border-transparent{border-color:#fff}.actual-input{display:none}.file-list{margin-top:20px}.icon-button{border:0}.icon-button:hover{cursor:pointer}:host ::ng-deep .svg-inline--fa{color:#000!important}.drop-zone-highlight{outline:3px dashed #bbb}.container-box{border:1px solid #ededed;background-color:#fbfbfb;padding:.5rem}.container-box.vd-form-group-danger{border-left:5px solid var(--vd-danger);padding-left:1rem}\n"] }]
+        }], propDecorators: { uploadUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "uploadUrl", required: false }] }], deleteUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "deleteUrl", required: false }] }], downloadUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "downloadUrl", required: false }] }], optionalLabelKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "optionalLabelKey", required: false }] }], localUpload: [{ type: i0.Input, args: [{ isSignal: true, alias: "localUpload", required: false }] }], maxFileSizeInMo: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxFileSizeInMo", required: false }] }], chooseButtonStyleModifier: [{ type: i0.Input, args: [{ isSignal: true, alias: "chooseButtonStyleModifier", required: false }] }], documentDeleted: [{ type: i0.Output, args: ["documentDeleted"] }] } });
 
 class FoehnPictureUploadComponent extends FoehnInputComponent {
     key = input(...(ngDevMode ? [undefined, { debugName: "key" }] : /* istanbul ignore next */ []));
@@ -16022,5 +16115,5 @@ class SdkLog {
  * Generated bundle index. Do not edit.
  */
 
-export { APP_INFO_API_URL, AbstractFoehnUploaderComponent, AbstractListDetailPageComponent, AbstractMenuPageComponent, AbstractPageComponent, AbstractPageFromMenuComponent, ActionStatut, Address, AddressTypeLight, ApplicationInfo, ApplicationInfoService, BAD_PARAMS_HELP_TEXT, BoDocumentError, BoDocumentsWithErrors, BoMultiUploadService, Breadcrumb, BreadcrumbEventService, BreadcrumbItem, CAPTCHA_ERROR_NAME, CURRENCY_REGEXP, Calendar, Canton, Captcha, ChunkLoadErrorHandler, Configuration, Country, CurrencyHelper, CurrentWeek, DECIMALS_SEPARATOR, DEFAULT_INTERNATIONAL_FIX_AND_MOBILE, DEFAULT_INTERNATIONAL_FIX_ONLY, DEFAULT_INTERNATIONAL_MOBILE_ONLY, DEFAULT_PREFIX, DEFAULT_SWISS_FIX_AND_MOBILE, DEFAULT_SWISS_FIX_ONLY, DEFAULT_SWISS_MOBILE_ONLY, DICTIONARY_BASE_URL, DateHelper, DatePickerHelper, DatePickerNavigationHelper, DayMonth, DaySlots, DemandeExpirationService, DemandeHelper, DisplayCurrencyPipe, DisplayDatePipe, District, Document, DocumentError, DocumentReference, DocumentReferenceWithFile, DocumentsWithErrors, DropdownMenuGroup, DropdownMenuItem, EPaymentService, EtapeInfo, FEEDBACK_USAGERS_LOCAL_STORAGE_PREFIX, FORM_SUPPORT_CYBER_TITLE_FALLBACK, FocusedDay, FoehnAbbrComponent, FoehnAgendaComponent, FoehnAgendaNavigationComponent, FoehnAgendaTimeslotPanelComponent, FoehnAutocompleteComponent, FoehnBoMultiUploadComponent, FoehnBooleanCheckboxComponent, FoehnBooleanRadioComponent, FoehnBreadcrumbComponent, FoehnCheckableGroupComponent, FoehnCheckboxComponent, FoehnConfirmModalComponent, FoehnConfirmModalContent, FoehnConfirmModalService, FoehnDateComponent, FoehnDatePickerButtonComponent, FoehnDatePickerComponent, FoehnDateTimeComponent, FoehnDecisionElectroniqueComponent, FoehnDisplayAddressComponent, FoehnDropdownMenuComponent, FoehnErrorPillComponent, FoehnFeedbackNotificationComponent, FoehnFormComponent, FoehnGlobalUploadProgressBarComponent, FoehnHeaderComponent, FoehnHelpModalComponent, FoehnIconCalendarComponent, FoehnIconCheckComponent, FoehnIconCheckSquareOComponent, FoehnIconChevronDownComponent, FoehnIconChevronLeftComponent, FoehnIconChevronRightComponent, FoehnIconChevronUpComponent, FoehnIconClockComponent, FoehnIconCommentDotsComponent, FoehnIconEditComponent, FoehnIconExternalLinkAltComponent, FoehnIconFilePdfComponent, FoehnIconInfoCircleComponent, FoehnIconLockComponent, FoehnIconMapMarkerComponent, FoehnIconMinusCircleComponent, FoehnIconPencilComponent, FoehnIconPlusCircleComponent, FoehnIconPlusSquareComponent, FoehnIconSearchComponent, FoehnIconTimesComponent, FoehnIconTrashAltComponent, FoehnIconUnlockAltComponent, FoehnIconUserComponent, FoehnInputAddressComponent, FoehnInputComponent, FoehnInputEmailComponent, FoehnInputForeignLocalityComponent, FoehnInputForeignStreetComponent, FoehnInputHiddenComponent, FoehnInputNav13Component, FoehnInputNumberComponent, FoehnInputPasswordComponent, FoehnInputPhoneComponent, FoehnInputPrefixedTextComponent, FoehnInputStringComponent, FoehnInputTextComponent, FoehnInputTextareaComponent, FoehnListComponent, FoehnListItem, FoehnListSummaryComponent, FoehnMenuItemComponent, FoehnMenuItemTransmitComponent, FoehnModalComponent, FoehnMultiUploadComponent, FoehnMultiselectAutocompleteComponent, FoehnNavigationComponent, FoehnNavigationService, FoehnNotfoundComponent, FoehnPageComponent, FoehnPageCounterComponent, FoehnPageExpirationTimerComponent, FoehnPageModalComponent, FoehnPageService, FoehnPictureUploadComponent, FoehnRadioComponent, FoehnRecapSectionComponent, FoehnRemainingAlertsSummaryComponent, FoehnSelectComponent, FoehnSimpleNavigationComponent, FoehnSkipLinkComponent, FoehnStatusProgressBarComponent, FoehnTableColumnConfiguration, FoehnTableComponent, FoehnTablePageChangeEvent, FoehnTimeComponent, FoehnTransmitWaitingModalComponent, FoehnTransmitWaitingModalService, FoehnUploadProgressBarComponent, FoehnUserConnectedAsComponent, FoehnValidationAlertSummaryComponent, FoehnValidationAlertsComponent, FooterLink, FormMetadata, FormPostResponse, FormSelectOption, FormatAvsPipe, FormatIdePipe, GESDEM_MAX_DATA_LENGTH, GesdemActionRecoveryLoginComponent, GesdemActionRecoveryRegistrationComponent, GesdemConfirmationComponent, GesdemErrorComponent, GesdemEventService, GesdemHandlerService, GesdemStatutUtils, GlobalUploadProgressService, GrowlBrokerService, GrowlMessage, GrowlType, HTTP_LOADER_FILTERED_URL, I18nForm, IAM_ACV_OIDC_REDIRECT_LOCATION_REGEX, IAM_ACV_REDIRECT_LOCATION_REGEX, IbanFormatterDirective, IdeFormatterDirective, IntervalHelper, LineBreakAsHtmlPipe, Locality, MonthYear, MultiUploadService, Municipality, NDCFormatterDirective, NEVER_CONNECTED, NavigationDirection, NumberCurrencyFormatterDirective, OIDC_ENABLED, ObjectHelper, PORTAIL_BASE_URL_INT, PORTAIL_BASE_URL_PROD, PORTAIL_BASE_URL_VAL, PageChangeEvent, PageUploadLimitService, PaginationWeek, PendingFiles, PendingPaymentComponent, PendingUploadService, PlaceOfOrigin, Portail, PostalLocality, Preferences, RECAPTCHA_API_URL, RecaptchaService, RedirectComponent, RegisterNgModelService, RowElement, SESSION_INFO_API_URL, SWISS_ISO_ID, ScrollHelper, SdkDictionaryPipe, SdkDictionaryService, SdkEpaymentComponent, SdkEvent, SdkEventType, SdkEventsLoggerService, SdkLog, SdkLogLevel, SdkLogsService, SdkRecaptchaComponent, SdkStatisticsService, SelectedSlot, Session, SessionInfo, SessionInfoData, SessionInfoWithApplicationService, Street, StreetNumber, StringHelper, THOUSANDS_SEPARATOR, TRANSMIT_WAITING_MODAL_DELAY_IN_MILLISECONDS, TableSort, UploadProgress, UploadProgressService, UploaderHelper, ValidationHandlerService, formatDecimalCurrency, formatNonDecimalCurrency, formatNumberAsGiven, gesdemLoaderGuard, providePrestationsNgCore, replaceAll };
+export { APP_INFO_API_URL, AbstractFoehnUploaderComponent, AbstractListDetailPageComponent, AbstractMenuPageComponent, AbstractPageComponent, AbstractPageFromMenuComponent, ActionStatut, Address, AddressTypeLight, ApplicationInfo, ApplicationInfoService, BAD_PARAMS_HELP_TEXT, BoDocumentError, BoDocumentsWithErrors, BoMultiUploadService, Breadcrumb, BreadcrumbEventService, BreadcrumbItem, CAPTCHA_ERROR_NAME, CURRENCY_REGEXP, Calendar, Canton, Captcha, ChunkLoadErrorHandler, Configuration, Country, CurrencyHelper, CurrentWeek, DECIMALS_SEPARATOR, DEFAULT_INTERNATIONAL_FIX_AND_MOBILE, DEFAULT_INTERNATIONAL_FIX_ONLY, DEFAULT_INTERNATIONAL_MOBILE_ONLY, DEFAULT_PREFIX, DEFAULT_SWISS_FIX_AND_MOBILE, DEFAULT_SWISS_FIX_ONLY, DEFAULT_SWISS_MOBILE_ONLY, DICTIONARY_BASE_URL, DateHelper, DatePickerHelper, DatePickerNavigationHelper, DayMonth, DaySlots, DemandeExpirationService, DemandeHelper, DisplayCurrencyPipe, DisplayDatePipe, District, Document, DocumentError, DocumentReference, DocumentReferenceWithFile, DocumentsWithErrors, DropdownMenuGroup, DropdownMenuItem, EPaymentService, EtapeInfo, FEEDBACK_USAGERS_LOCAL_STORAGE_PREFIX, FORM_SUPPORT_CYBER_TITLE_FALLBACK, FocusedDay, FoehnAbbrComponent, FoehnAgendaComponent, FoehnAgendaNavigationComponent, FoehnAgendaTimeslotPanelComponent, FoehnAutocompleteComponent, FoehnBoMultiUploadComponent, FoehnBooleanCheckboxComponent, FoehnBooleanRadioComponent, FoehnBreadcrumbComponent, FoehnCheckableGroupComponent, FoehnCheckboxComponent, FoehnConfirmModalComponent, FoehnConfirmModalContent, FoehnConfirmModalService, FoehnDateComponent, FoehnDatePickerButtonComponent, FoehnDatePickerComponent, FoehnDateTimeComponent, FoehnDecisionElectroniqueComponent, FoehnDisplayAddressComponent, FoehnDropdownMenuComponent, FoehnErrorPillComponent, FoehnFeedbackNotificationComponent, FoehnFormComponent, FoehnGlobalUploadProgressBarComponent, FoehnHeaderComponent, FoehnHelpModalComponent, FoehnIconCalendarComponent, FoehnIconCheckComponent, FoehnIconCheckSquareOComponent, FoehnIconChevronDownComponent, FoehnIconChevronLeftComponent, FoehnIconChevronRightComponent, FoehnIconChevronUpComponent, FoehnIconClockComponent, FoehnIconCommentDotsComponent, FoehnIconEditComponent, FoehnIconExternalLinkAltComponent, FoehnIconFilePdfComponent, FoehnIconInfoCircleComponent, FoehnIconLockComponent, FoehnIconMapMarkerComponent, FoehnIconMinusCircleComponent, FoehnIconPencilComponent, FoehnIconPlusCircleComponent, FoehnIconPlusSquareComponent, FoehnIconSearchComponent, FoehnIconTimesComponent, FoehnIconTrashAltComponent, FoehnIconUnlockAltComponent, FoehnIconUserComponent, FoehnInputAddressComponent, FoehnInputComponent, FoehnInputEmailComponent, FoehnInputForeignLocalityComponent, FoehnInputForeignStreetComponent, FoehnInputHiddenComponent, FoehnInputNav13Component, FoehnInputNumberComponent, FoehnInputPasswordComponent, FoehnInputPhoneComponent, FoehnInputPrefixedTextComponent, FoehnInputStringComponent, FoehnInputTextComponent, FoehnInputTextareaComponent, FoehnListComponent, FoehnListItem, FoehnListSummaryComponent, FoehnMenuItemComponent, FoehnMenuItemTransmitComponent, FoehnModalComponent, FoehnMultiUploadComponent, FoehnMultiselectAutocompleteComponent, FoehnNavigationComponent, FoehnNavigationService, FoehnNotfoundComponent, FoehnPageComponent, FoehnPageCounterComponent, FoehnPageExpirationTimerComponent, FoehnPageModalComponent, FoehnPageService, FoehnPictureUploadComponent, FoehnRadioComponent, FoehnRecapSectionComponent, FoehnRemainingAlertsSummaryComponent, FoehnSelectComponent, FoehnSimpleNavigationComponent, FoehnSkipLinkComponent, FoehnStatusProgressBarComponent, FoehnTableColumnConfiguration, FoehnTableComponent, FoehnTablePageChangeEvent, FoehnTimeComponent, FoehnTransmitWaitingModalComponent, FoehnTransmitWaitingModalService, FoehnUploadProgressBarComponent, FoehnUserConnectedAsComponent, FoehnValidationAlertSummaryComponent, FoehnValidationAlertsComponent, FooterLink, FormMetadata, FormPostResponse, FormSelectOption, FormatAvsPipe, FormatIdePipe, GESDEM_MAX_DATA_LENGTH, GesdemActionRecoveryLoginComponent, GesdemActionRecoveryRegistrationComponent, GesdemConfirmationComponent, GesdemErrorComponent, GesdemEventService, GesdemHandlerService, GesdemStatutUtils, GlobalUploadProgressService, GrowlBrokerService, GrowlMessage, GrowlType, HTTP_LOADER_FILTERED_URL, I18nForm, IAM_ACV_OIDC_REDIRECT_LOCATION_REGEX, IAM_ACV_REDIRECT_LOCATION_REGEX, IbanFormatterDirective, IdeFormatterDirective, IntervalHelper, LineBreakAsHtmlPipe, Locality, MonthYear, MultiUploadService, Municipality, NDCFormatterDirective, NEVER_CONNECTED, NavigationDirection, NumberCurrencyFormatterDirective, OIDC_ENABLED, ObjectHelper, PORTAIL_BASE_URL_INT, PORTAIL_BASE_URL_PROD, PORTAIL_BASE_URL_VAL, PageChangeEvent, PageUploadLimitService, PaginationWeek, PendingFiles, PendingPaymentComponent, PendingUploadService, PlaceOfOrigin, Portail, PostalLocality, Preferences, RECAPTCHA_API_URL, RecaptchaService, RedirectComponent, RegisterNgModelService, RowElement, SESSION_INFO_API_URL, SWISS_ISO_ID, ScrollHelper, SdkDictionaryPipe, SdkDictionaryService, SdkEpaymentComponent, SdkEvent, SdkEventType, SdkEventsLoggerService, SdkLog, SdkLogLevel, SdkLogsService, SdkRecaptchaComponent, SdkStatisticsService, SelectedSlot, Session, SessionInfo, SessionInfoData, SessionInfoWithApplicationService, Street, StreetNumber, StringHelper, THOUSANDS_SEPARATOR, TRANSMIT_WAITING_MODAL_DELAY_IN_MILLISECONDS, TableSort, UploadProgress, UploadProgressService, UploaderHelper, ValidationHandlerService, formatDecimalCurrency, formatNonDecimalCurrency, formatNumberAsGiven, gesdemLoaderGuard, getSafeFileNameForErrorMessage, providePrestationsNgCore, replaceAll, splitDocumentChanges };
 //# sourceMappingURL=dsivd-prestations-ng.mjs.map