@dsivd/prestations-ng 19.2.0-beta.7 → 19.2.0-beta.9

package/fesm2022/dsivd-prestations-ng.mjs

@@ -1,5 +1,5 @@
 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 { 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, afterRenderEffect, 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, map as map$1, concat } from 'rxjs';
@@ -1340,6 +1340,7 @@ 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-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}"',
@@ -9716,12 +9717,35 @@ class FoehnMultiselectAutocompleteComponent extends FoehnAutocompleteComponent {
         return [...defaultValues, defaultValue];
     }, ...(ngDevMode ? [{ debugName: "defaultElementValuesComputed" }] : /* istanbul ignore next */ []));
     autocompleteInputValue = signal(null, ...(ngDevMode ? [{ debugName: "autocompleteInputValue" }] : /* istanbul ignore next */ []));
-    showEmptyListMessage = signal(false, ...(ngDevMode ? [{ debugName: "showEmptyListMessage" }] : /* istanbul ignore next */ []));
+    /**
+     * Every element is selected: a message replaces the autocomplete (not for an empty list of elements).
+     */
+    showEmptyListMessage = computed(() => !this.disabled() &&
+        !!this.elements()?.length &&
+        !this.suggestions().length, ...(ngDevMode ? [{ debugName: "showEmptyListMessage" }] : /* istanbul ignore next */ []));
     srAnnouncements = signal('', ...(ngDevMode ? [{ debugName: "srAnnouncements" }] : /* istanbul ignore next */ []));
+    // The elements which are not selected, proposed by the autocomplete
+    suggestions = computed(() => this.filterAutocompleteElements(this.elements() ?? []), ...(ngDevMode ? [{ debugName: "suggestions" }] : /* istanbul ignore next */ []));
     dictionaryService = inject(SdkDictionaryService);
     srAnnouncementClearTimer = null;
     SR_ANNOUNCEMENT_CLEAR_TIMEOUT_INTERVAL_MS = 2000;
     pendingRemovedIndexForFocus = null;
+    // The suggestions follow the elements and the model, whoever changes them (the user or the project)
+    suggestionsEffect = effect(() => {
+        this.suggestions();
+        this.autocompleteComponent();
+        untracked(() => this.applySuggestionsToAutocomplete());
+    }, ...(ngDevMode ? [{ debugName: "suggestionsEffect" }] : /* istanbul ignore next */ []));
+    // The input is hidden while the message replaces the autocomplete
+    autocompleteInputVisibilityEffect = afterRenderEffect({
+        write: () => {
+            const isHidden = this.showEmptyListMessage();
+            const inputElement = this.autocompleteComponent()?.inputElement()?.nativeElement;
+            if (inputElement) {
+                inputElement.hidden = isHidden;
+            }
+        },
+    });
     selectedElemRefEffect = effect(() => {
         this.selectedElemRef();
         if (this.pendingRemovedIndexForFocus !== null) {
@@ -9736,12 +9760,6 @@ class FoehnMultiselectAutocompleteComponent extends FoehnAutocompleteComponent {
         this.hostId.set(this.buildId('ParentContainer'));
         this.hostName = this.hostId();
     }
-    onModelChange(value) {
-        super.onModelChange(value);
-        if (!value || ObjectHelper.isEmpty(value)) {
-            this.manageSuggestionListAndFocusAfterRemovingAnItem(null);
-        }
-    }
     hasErrorsToDisplay() {
         return this.autocompleteComponent()?.hasErrorsToDisplay() ?? false;
     }
@@ -9768,7 +9786,7 @@ class FoehnMultiselectAutocompleteComponent extends FoehnAutocompleteComponent {
                 current.push(item);
                 this.updateMultiselectAutocomplete(current);
                 this.handleUserInput(current);
-                this.manageSuggestionListAndFocusAfterAddingAnItem();
+                this.focusAfterAddingAnItem();
                 this.manageScreenReaderAnnouncement(item, false);
             }
         }
@@ -9777,7 +9795,8 @@ class FoehnMultiselectAutocompleteComponent extends FoehnAutocompleteComponent {
         const current = (this.model() ?? []).filter((_item, itemIndex) => itemIndex !== index);
         this.updateMultiselectAutocomplete(current);
         this.handleUserInput(current);
-        this.manageSuggestionListAndFocusAfterRemovingAnItem(index);
+        // When deleting a selected item, check were to set focus back when no more items to delete
+        this.pendingRemovedIndexForFocus = index;
         this.manageScreenReaderAnnouncement(item, true);
         this.autocompleteComponent()?.markAsDirty();
     }
@@ -9788,14 +9807,14 @@ class FoehnMultiselectAutocompleteComponent extends FoehnAutocompleteComponent {
         return (!this.disabled() &&
             !this.defaultElementValuesComputed()?.includes(this.model()?.[index]));
     }
-    onAutocompleteElementsLoaded(elements) {
-        this.manageListWhenElementsAreLoaded(elements);
+    onAutocompleteElementsLoaded() {
+        // The autocomplete has (re)loaded its elements: it proposes the elements which are not selected
+        this.applySuggestionsToAutocomplete();
         if (!this.model()?.length &&
             this.defaultElementValuesComputed()?.length) {
             // The default values are selected once the current rendering is done.
             afterNextRender(() => {
                 this.updateMultiselectAutocomplete(this.defaultElementValuesComputed());
-                this.manageListWhenElementsAreLoaded(elements);
             }, { injector: this.componentInjector });
         }
     }
@@ -9816,15 +9835,6 @@ class FoehnMultiselectAutocompleteComponent extends FoehnAutocompleteComponent {
         }
         return elementBadgeLabel(element);
     }
-    manageListWhenElementsAreLoaded(elements) {
-        const autocompleteComponent = this.autocompleteComponent();
-        if (autocompleteComponent) {
-            autocompleteComponent.elements.set(this.filterAutocompleteElements(elements));
-            if (!this.disabled() && !autocompleteComponent.elements().length) {
-                this.showAlertMessageAndHideAutocomplete();
-            }
-        }
-    }
     findElementByModelItem(item) {
         const elements = this.elements();
         if (elements?.length) {
@@ -9879,24 +9889,14 @@ class FoehnMultiselectAutocompleteComponent extends FoehnAutocompleteComponent {
         }
         return filteredElements;
     }
-    manageSuggestionListAndFocusAfterAddingAnItem() {
+    focusAfterAddingAnItem() {
         // Empty autocomplete input
         if (!this.isEmpty(this.autocompleteInputValue())) {
             this.autocompleteInputValue.set(null);
         }
-        const autocompleteComponent = this.autocompleteComponent();
-        if (!autocompleteComponent) {
-            return;
-        }
         // Reset autocomplete input value signal to ensure the input is empty
-        autocompleteComponent.inputValue.set(null);
-        // Remove selected item from autocomplete suggestion list
-        autocompleteComponent.elements.set(this.filterAutocompleteElements(this.elements()));
-        // Force autocomplete to filter elements again because the input value is empty and the list of elements has changed
-        autocompleteComponent.filterElements(true);
-        // Check if we still have suggestions to display
-        if (!autocompleteComponent.elements().length) {
-            this.showAlertMessageAndHideAutocomplete();
+        this.autocompleteComponent()?.inputValue.set(null);
+        if (this.showEmptyListMessage()) {
             // The alert message can be focused once it is rendered
             afterNextRender(() => {
                 const alertMessage = this.alertMessageContainer()?.nativeElement.querySelector('p');
@@ -9906,37 +9906,18 @@ class FoehnMultiselectAutocompleteComponent extends FoehnAutocompleteComponent {
             }, { injector: this.componentInjector });
         }
     }
-    manageSuggestionListAndFocusAfterRemovingAnItem(removedIndex) {
-        // Hide message saying no more suggestions to display
-        this.showEmptyListMessage.set(false);
+    applySuggestionsToAutocomplete() {
         const autocompleteComponent = this.autocompleteComponent();
-        if (autocompleteComponent) {
-            // Manually show autocomplete because there is at least one suggestions to display
-            const inputElement = autocompleteComponent.inputElement();
-            if (inputElement?.nativeElement) {
-                inputElement.nativeElement.hidden = false;
-            }
-            // Add back selected item to autocomplete suggestion list
-            autocompleteComponent.elements.set(this.filterAutocompleteElements(this.elements()));
-            // Force autocomplete to filter elements again because the input value is empty and the list of elements has changed
-            autocompleteComponent.filterElements(true);
-        }
-        if (removedIndex !== null) {
-            // When deleting a selected item, check were to set focus back when no more items to delete
-            this.pendingRemovedIndexForFocus = removedIndex;
-        }
-    }
-    showAlertMessageAndHideAutocomplete() {
-        // Show a message to user indicating there is no more suggestions to display
-        this.showEmptyListMessage.set(true);
-        // Manually reset and hide autocomplete because there is no more suggestions to display
-        if (!this.isEmpty(this.autocompleteInputValue())) {
-            this.autocompleteInputValue.set(null);
+        // Before the rendering or the loading of the elements
+        if (!autocompleteComponent || !this.elements()) {
+            return;
         }
-        const autocompleteComponent = this.autocompleteComponent();
-        const inputElement = autocompleteComponent?.inputElement();
-        if (inputElement?.nativeElement) {
-            inputElement.nativeElement.hidden = true;
+        autocompleteComponent.elements.set(this.suggestions());
+        // Force autocomplete to filter elements again because the list of elements has changed
+        autocompleteComponent.filterElements(true);
+        if (this.showEmptyListMessage() &&
+            !this.isEmpty(this.autocompleteInputValue())) {
+            this.autocompleteInputValue.set(null);
         }
     }
     manageScreenReaderAnnouncement(element, isDelete) {
@@ -9961,7 +9942,7 @@ class FoehnMultiselectAutocompleteComponent extends FoehnAutocompleteComponent {
                 provide: FoehnAutocompleteComponent,
                 useExisting: forwardRef(() => FoehnMultiselectAutocompleteComponent),
             },
-        ], viewQueries: [{ propertyName: "autocompleteComponent", first: true, predicate: ["autocompleteComponent"], descendants: true, isSignal: true }, { propertyName: "alertMessageContainer", first: true, predicate: ["alertMessageContainer"], descendants: true, isSignal: true }, { propertyName: "selectedElemRef", predicate: ["selectedElemRef"], descendants: true, isSignal: true }, { propertyName: "defaultElemRef", predicate: ["defaultElemRef"], descendants: true, isSignal: true }, { propertyName: "defaultDeleteFocusArea", first: true, predicate: ["defaultDeleteFocusArea"], descendants: true, isSignal: true }], 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>\n    <foehn-autocomplete\n        #autocompleteComponent\n        [name]=\"name()\"\n        [label]=\"label()\"\n        [elements]=\"elements()\"\n        [elementsUrl]=\"elementsUrl()\"\n        [elementValue]=\"elementValue()\"\n        [elementLabel]=\"elementLabel()\"\n        [elementSuggestionLabel]=\"elementSuggestionLabel()\"\n        [elementValueIdentity]=\"elementValueIdentity()\"\n        [elementDisabled]=\"elementDisabled()\"\n        [elementGroup]=\"elementGroup()\"\n        [allowCustomValue]=\"false\"\n        [searchValueMinCharsCount]=\"searchValueMinCharsCount()\"\n        [customValueModelGenerator]=\"customValueModelGenerator()\"\n        [required]=\"required()\"\n        [disabled]=\"disabled()\"\n        (userInput)=\"addItem($event)\"\n        [(model)]=\"autocompleteInputValue\"\n        (elementsLoaded)=\"onAutocompleteElementsLoaded($event)\"\n        [showErrorWhenDisabled]=\"showErrorWhenDisabled()\"\n        [hideNotRequiredExtraLabel]=\"hideNotRequiredExtraLabel()\"\n        [itemHeightInSuggestionListInPx]=\"itemHeightInSuggestionListInPx()\"\n        [caseSensitiveSearch]=\"caseSensitiveSearch()\"\n        [isLabelSrOnly]=\"isLabelSrOnly()\"\n        [isSuggestionListDynamic]=\"isSuggestionListDynamic()\"\n    >\n        @if (!showEmptyListMessage()) {\n            <small\n                [attr.id]=\"buildChildId('Help')\"\n                class=\"form-text text-secondary\"\n                [innerHTML]=\"\n                    helpText()\n                        ? helpText()\n                        : ('foehn-multiselect-autocomplete.autocomplete.screen-reader.label'\n                          | fromDictionary)\n                \"\n            ></small>\n        }\n\n        <ng-content />\n\n        <output\n            [id]=\"buildChildId('AlertMessageContainer')\"\n            aria-live=\"polite\"\n            aria-atomic=\"true\"\n            #alertMessageContainer\n        >\n            @if (showEmptyListMessage()) {\n                <p class=\"alert alert-info mb-0\" tabindex=\"-1\">\n                    {{\n                        'foehn-multiselect-autocomplete.autocomplete.empty-message'\n                            | fromDictionary\n                    }}\n                </p>\n            }\n        </output>\n    </foehn-autocomplete>\n\n    <div class=\"selected-list-container pt-2\" tabindex=\"-1\">\n        @if (hasDefaultDeleteFocusArea()) {\n            <small\n                class=\"form-text text-secondary my-0\"\n                [tabindex]=\"0\"\n                [innerHTML]=\"noElementsSelectedLabel() | fromDictionary\"\n                #defaultDeleteFocusArea\n            ></small>\n        }\n\n        <p\n            [id]=\"buildChildId('srOnlyAnnouncements')\"\n            class=\"visually-hidden\"\n            aria-live=\"polite\"\n            aria-atomic=\"true\"\n        >\n            {{ srAnnouncements() }}\n        </p>\n\n        @if (!!model()?.length) {\n            <fieldset\n                class=\"mb-0\"\n                [attr.aria-describedby]=\"buildChildId('Label')\"\n            >\n                <legend\n                    [id]=\"buildChildId('Legend')\"\n                    class=\"form-text text-secondary small mb-0\"\n                    [innerHTML]=\"selectedItemsListLegend() | fromDictionary\"\n                ></legend>\n                <div\n                    class=\"selected-list d-flex align-content-stretch flex-wrap\"\n                >\n                    @for (\n                        element of model();\n                        track trackByFn(index);\n                        let index = $index\n                    ) {\n                        @if (!canBeDeleted(index)) {\n                            <span\n                                class=\"badge rounded-pill bg-secondary me-1 mb-1 py-2 px-3 d-flex align-items-center\"\n                                [tabindex]=\"disabled() ? -1 : 0\"\n                                [attr.aria-describedby]=\"buildChildId('Legend')\"\n                                #defaultElemRef\n                            >\n                                <span\n                                    [innerHTML]=\"getBadgeLabel(element)\"\n                                ></span>\n                                <span class=\"visually-hidden\">\n                                    {{\n                                        'foehn-multiselect-autocomplete.sr-default-selected-element'\n                                            | fromDictionary\n                                    }}\n                                </span>\n                            </span>\n                        }\n                        @if (canBeDeleted(index)) {\n                            <button\n                                type=\"button\"\n                                class=\"btn btn-primary badge rounded-pill me-1 mb-1 py-2 px-3 d-flex align-items-center\"\n                                [tabindex]=\"0\"\n                                [attr.aria-label]=\"\n                                    getDeleteButtonAriaLabel(element)\n                                \"\n                                [attr.aria-describedby]=\"buildChildId('Legend')\"\n                                [title]=\"getDeleteButtonAriaLabel(element)\"\n                                (click)=\"removeItem(element, index)\"\n                                #selectedElemRef\n                            >\n                                <span\n                                    [innerHTML]=\"getBadgeLabel(element)\"\n                                ></span>\n                                <foehn-icon-times\n                                    aria-hidden=\"true\"\n                                    class=\"ms-2\"\n                                    [title]=\"getDeleteButtonAriaLabel(element)\"\n                                />\n                            </button>\n                        }\n                    }\n                </div>\n            </fieldset>\n        }\n    </div>\n\n    @if (hasMissingModelValue()) {\n        @for (missingValue of missingModelValues(); track $index) {\n            <p\n                class=\"alert alert-warning\"\n                role=\"alert\"\n                [attr.id]=\"buildId('MissingValue' + $index)\"\n            >\n                {{\n                    'foehn-checkable-group.missing-value.warning'\n                        | fromDictionary\n                            : { value: getMissingValueLabel(missingValue) }\n                }}\n            </p>\n        }\n    }\n</div>\n", styles: ["foehn-autocomplete p.alert:focus{outline:0;box-shadow:inset 0 1px 1px #00000013,0 0 0 .2rem var(--vd-focus)}:host ::ng-deep foehn-autocomplete .form-group{margin-bottom:0!important}.selected-list-container .btn{text-transform:none}:host ::ng-deep .btn .svg-inline--fa,:host ::ng-deep .btn a{color:#fff!important}.selected-list-container span.rounded-pill:focus{outline:0;box-shadow:inset 0 1px 1px #00000013,0 0 0 .2rem var(--vd-focus)}.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}:host ::ng-deep foehn-autocomplete div.vd-form-group-danger{border-left:0;padding-left:0}\n"], dependencies: [{ kind: "component", type: FoehnAutocompleteComponent, selector: "foehn-autocomplete", inputs: ["searchValueMinCharsCount", "allowCustomValue", "isSuggestionListDynamic", "customValueModelGenerator", "itemHeightInSuggestionListInPx", "elementSuggestionLabel", "caseSensitiveSearch"], outputs: ["userSearchInput"] }, { kind: "component", type: FoehnIconTimesComponent, selector: "foehn-icon-times" }, { kind: "pipe", type: SdkDictionaryPipe, name: "fromDictionary" }] });
+        ], viewQueries: [{ propertyName: "autocompleteComponent", first: true, predicate: ["autocompleteComponent"], descendants: true, isSignal: true }, { propertyName: "alertMessageContainer", first: true, predicate: ["alertMessageContainer"], descendants: true, isSignal: true }, { propertyName: "selectedElemRef", predicate: ["selectedElemRef"], descendants: true, isSignal: true }, { propertyName: "defaultElemRef", predicate: ["defaultElemRef"], descendants: true, isSignal: true }, { propertyName: "defaultDeleteFocusArea", first: true, predicate: ["defaultDeleteFocusArea"], descendants: true, isSignal: true }], 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>\n    <foehn-autocomplete\n        #autocompleteComponent\n        [name]=\"name()\"\n        [label]=\"label()\"\n        [elements]=\"elements()\"\n        [elementsUrl]=\"elementsUrl()\"\n        [elementValue]=\"elementValue()\"\n        [elementLabel]=\"elementLabel()\"\n        [elementSuggestionLabel]=\"elementSuggestionLabel()\"\n        [elementValueIdentity]=\"elementValueIdentity()\"\n        [elementDisabled]=\"elementDisabled()\"\n        [elementGroup]=\"elementGroup()\"\n        [allowCustomValue]=\"false\"\n        [searchValueMinCharsCount]=\"searchValueMinCharsCount()\"\n        [customValueModelGenerator]=\"customValueModelGenerator()\"\n        [required]=\"required()\"\n        [disabled]=\"disabled()\"\n        (userInput)=\"addItem($event)\"\n        [(model)]=\"autocompleteInputValue\"\n        (elementsLoaded)=\"onAutocompleteElementsLoaded()\"\n        [showErrorWhenDisabled]=\"showErrorWhenDisabled()\"\n        [hideNotRequiredExtraLabel]=\"hideNotRequiredExtraLabel()\"\n        [itemHeightInSuggestionListInPx]=\"itemHeightInSuggestionListInPx()\"\n        [caseSensitiveSearch]=\"caseSensitiveSearch()\"\n        [isLabelSrOnly]=\"isLabelSrOnly()\"\n        [isSuggestionListDynamic]=\"isSuggestionListDynamic()\"\n    >\n        @if (!showEmptyListMessage()) {\n            <small\n                [attr.id]=\"buildChildId('Help')\"\n                class=\"form-text text-secondary\"\n                [innerHTML]=\"\n                    helpText()\n                        ? helpText()\n                        : ('foehn-multiselect-autocomplete.autocomplete.screen-reader.label'\n                          | fromDictionary)\n                \"\n            ></small>\n        }\n\n        <ng-content />\n\n        <output\n            [id]=\"buildChildId('AlertMessageContainer')\"\n            aria-live=\"polite\"\n            aria-atomic=\"true\"\n            #alertMessageContainer\n        >\n            @if (showEmptyListMessage()) {\n                <p class=\"alert alert-info mb-0\" tabindex=\"-1\">\n                    {{\n                        'foehn-multiselect-autocomplete.autocomplete.empty-message'\n                            | fromDictionary\n                    }}\n                </p>\n            }\n        </output>\n    </foehn-autocomplete>\n\n    <div class=\"selected-list-container pt-2\" tabindex=\"-1\">\n        @if (hasDefaultDeleteFocusArea()) {\n            <small\n                class=\"form-text text-secondary my-0\"\n                [tabindex]=\"0\"\n                [innerHTML]=\"noElementsSelectedLabel() | fromDictionary\"\n                #defaultDeleteFocusArea\n            ></small>\n        }\n\n        <p\n            [id]=\"buildChildId('srOnlyAnnouncements')\"\n            class=\"visually-hidden\"\n            aria-live=\"polite\"\n            aria-atomic=\"true\"\n        >\n            {{ srAnnouncements() }}\n        </p>\n\n        @if (!!model()?.length) {\n            <fieldset\n                class=\"mb-0\"\n                [attr.aria-describedby]=\"buildChildId('Label')\"\n            >\n                <legend\n                    [id]=\"buildChildId('Legend')\"\n                    class=\"form-text text-secondary small mb-0\"\n                    [innerHTML]=\"selectedItemsListLegend() | fromDictionary\"\n                ></legend>\n                <div\n                    class=\"selected-list d-flex align-content-stretch flex-wrap\"\n                >\n                    @for (\n                        element of model();\n                        track trackByFn(index);\n                        let index = $index\n                    ) {\n                        @if (!canBeDeleted(index)) {\n                            <span\n                                class=\"badge rounded-pill bg-secondary me-1 mb-1 py-2 px-3 d-flex align-items-center\"\n                                [tabindex]=\"disabled() ? -1 : 0\"\n                                [attr.aria-describedby]=\"buildChildId('Legend')\"\n                                #defaultElemRef\n                            >\n                                <span\n                                    [innerHTML]=\"getBadgeLabel(element)\"\n                                ></span>\n                                <span class=\"visually-hidden\">\n                                    {{\n                                        'foehn-multiselect-autocomplete.sr-default-selected-element'\n                                            | fromDictionary\n                                    }}\n                                </span>\n                            </span>\n                        }\n                        @if (canBeDeleted(index)) {\n                            <button\n                                type=\"button\"\n                                class=\"btn btn-primary badge rounded-pill me-1 mb-1 py-2 px-3 d-flex align-items-center\"\n                                [tabindex]=\"0\"\n                                [attr.aria-label]=\"\n                                    getDeleteButtonAriaLabel(element)\n                                \"\n                                [attr.aria-describedby]=\"buildChildId('Legend')\"\n                                [title]=\"getDeleteButtonAriaLabel(element)\"\n                                (click)=\"removeItem(element, index)\"\n                                #selectedElemRef\n                            >\n                                <span\n                                    [innerHTML]=\"getBadgeLabel(element)\"\n                                ></span>\n                                <foehn-icon-times\n                                    aria-hidden=\"true\"\n                                    class=\"ms-2\"\n                                    [title]=\"getDeleteButtonAriaLabel(element)\"\n                                />\n                            </button>\n                        }\n                    }\n                </div>\n            </fieldset>\n        }\n    </div>\n\n    @if (hasMissingModelValue()) {\n        @for (missingValue of missingModelValues(); track $index) {\n            <p\n                class=\"alert alert-warning\"\n                role=\"alert\"\n                [attr.id]=\"buildId('MissingValue' + $index)\"\n            >\n                {{\n                    'foehn-checkable-group.missing-value.warning'\n                        | fromDictionary\n                            : { value: getMissingValueLabel(missingValue) }\n                }}\n            </p>\n        }\n    }\n</div>\n", styles: ["foehn-autocomplete p.alert:focus{outline:0;box-shadow:inset 0 1px 1px #00000013,0 0 0 .2rem var(--vd-focus)}:host ::ng-deep foehn-autocomplete .form-group{margin-bottom:0!important}.selected-list-container .btn{text-transform:none}:host ::ng-deep .btn .svg-inline--fa,:host ::ng-deep .btn a{color:#fff!important}.selected-list-container span.rounded-pill:focus{outline:0;box-shadow:inset 0 1px 1px #00000013,0 0 0 .2rem var(--vd-focus)}.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}:host ::ng-deep foehn-autocomplete div.vd-form-group-danger{border-left:0;padding-left:0}\n"], dependencies: [{ kind: "component", type: FoehnAutocompleteComponent, selector: "foehn-autocomplete", inputs: ["searchValueMinCharsCount", "allowCustomValue", "isSuggestionListDynamic", "customValueModelGenerator", "itemHeightInSuggestionListInPx", "elementSuggestionLabel", "caseSensitiveSearch"], outputs: ["userSearchInput"] }, { kind: "component", type: FoehnIconTimesComponent, selector: "foehn-icon-times" }, { kind: "pipe", type: SdkDictionaryPipe, name: "fromDictionary" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: FoehnMultiselectAutocompleteComponent, decorators: [{
             type: Component,
@@ -9980,7 +9961,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
                         SdkDictionaryPipe,
                     ], host: {
                         '[attr.name]': 'hostName',
-                    }, template: "<div\n    class=\"form-group container-box\"\n    [class.has-danger]=\"hasErrorsToDisplay()\"\n    [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n>\n    <foehn-autocomplete\n        #autocompleteComponent\n        [name]=\"name()\"\n        [label]=\"label()\"\n        [elements]=\"elements()\"\n        [elementsUrl]=\"elementsUrl()\"\n        [elementValue]=\"elementValue()\"\n        [elementLabel]=\"elementLabel()\"\n        [elementSuggestionLabel]=\"elementSuggestionLabel()\"\n        [elementValueIdentity]=\"elementValueIdentity()\"\n        [elementDisabled]=\"elementDisabled()\"\n        [elementGroup]=\"elementGroup()\"\n        [allowCustomValue]=\"false\"\n        [searchValueMinCharsCount]=\"searchValueMinCharsCount()\"\n        [customValueModelGenerator]=\"customValueModelGenerator()\"\n        [required]=\"required()\"\n        [disabled]=\"disabled()\"\n        (userInput)=\"addItem($event)\"\n        [(model)]=\"autocompleteInputValue\"\n        (elementsLoaded)=\"onAutocompleteElementsLoaded($event)\"\n        [showErrorWhenDisabled]=\"showErrorWhenDisabled()\"\n        [hideNotRequiredExtraLabel]=\"hideNotRequiredExtraLabel()\"\n        [itemHeightInSuggestionListInPx]=\"itemHeightInSuggestionListInPx()\"\n        [caseSensitiveSearch]=\"caseSensitiveSearch()\"\n        [isLabelSrOnly]=\"isLabelSrOnly()\"\n        [isSuggestionListDynamic]=\"isSuggestionListDynamic()\"\n    >\n        @if (!showEmptyListMessage()) {\n            <small\n                [attr.id]=\"buildChildId('Help')\"\n                class=\"form-text text-secondary\"\n                [innerHTML]=\"\n                    helpText()\n                        ? helpText()\n                        : ('foehn-multiselect-autocomplete.autocomplete.screen-reader.label'\n                          | fromDictionary)\n                \"\n            ></small>\n        }\n\n        <ng-content />\n\n        <output\n            [id]=\"buildChildId('AlertMessageContainer')\"\n            aria-live=\"polite\"\n            aria-atomic=\"true\"\n            #alertMessageContainer\n        >\n            @if (showEmptyListMessage()) {\n                <p class=\"alert alert-info mb-0\" tabindex=\"-1\">\n                    {{\n                        'foehn-multiselect-autocomplete.autocomplete.empty-message'\n                            | fromDictionary\n                    }}\n                </p>\n            }\n        </output>\n    </foehn-autocomplete>\n\n    <div class=\"selected-list-container pt-2\" tabindex=\"-1\">\n        @if (hasDefaultDeleteFocusArea()) {\n            <small\n                class=\"form-text text-secondary my-0\"\n                [tabindex]=\"0\"\n                [innerHTML]=\"noElementsSelectedLabel() | fromDictionary\"\n                #defaultDeleteFocusArea\n            ></small>\n        }\n\n        <p\n            [id]=\"buildChildId('srOnlyAnnouncements')\"\n            class=\"visually-hidden\"\n            aria-live=\"polite\"\n            aria-atomic=\"true\"\n        >\n            {{ srAnnouncements() }}\n        </p>\n\n        @if (!!model()?.length) {\n            <fieldset\n                class=\"mb-0\"\n                [attr.aria-describedby]=\"buildChildId('Label')\"\n            >\n                <legend\n                    [id]=\"buildChildId('Legend')\"\n                    class=\"form-text text-secondary small mb-0\"\n                    [innerHTML]=\"selectedItemsListLegend() | fromDictionary\"\n                ></legend>\n                <div\n                    class=\"selected-list d-flex align-content-stretch flex-wrap\"\n                >\n                    @for (\n                        element of model();\n                        track trackByFn(index);\n                        let index = $index\n                    ) {\n                        @if (!canBeDeleted(index)) {\n                            <span\n                                class=\"badge rounded-pill bg-secondary me-1 mb-1 py-2 px-3 d-flex align-items-center\"\n                                [tabindex]=\"disabled() ? -1 : 0\"\n                                [attr.aria-describedby]=\"buildChildId('Legend')\"\n                                #defaultElemRef\n                            >\n                                <span\n                                    [innerHTML]=\"getBadgeLabel(element)\"\n                                ></span>\n                                <span class=\"visually-hidden\">\n                                    {{\n                                        'foehn-multiselect-autocomplete.sr-default-selected-element'\n                                            | fromDictionary\n                                    }}\n                                </span>\n                            </span>\n                        }\n                        @if (canBeDeleted(index)) {\n                            <button\n                                type=\"button\"\n                                class=\"btn btn-primary badge rounded-pill me-1 mb-1 py-2 px-3 d-flex align-items-center\"\n                                [tabindex]=\"0\"\n                                [attr.aria-label]=\"\n                                    getDeleteButtonAriaLabel(element)\n                                \"\n                                [attr.aria-describedby]=\"buildChildId('Legend')\"\n                                [title]=\"getDeleteButtonAriaLabel(element)\"\n                                (click)=\"removeItem(element, index)\"\n                                #selectedElemRef\n                            >\n                                <span\n                                    [innerHTML]=\"getBadgeLabel(element)\"\n                                ></span>\n                                <foehn-icon-times\n                                    aria-hidden=\"true\"\n                                    class=\"ms-2\"\n                                    [title]=\"getDeleteButtonAriaLabel(element)\"\n                                />\n                            </button>\n                        }\n                    }\n                </div>\n            </fieldset>\n        }\n    </div>\n\n    @if (hasMissingModelValue()) {\n        @for (missingValue of missingModelValues(); track $index) {\n            <p\n                class=\"alert alert-warning\"\n                role=\"alert\"\n                [attr.id]=\"buildId('MissingValue' + $index)\"\n            >\n                {{\n                    'foehn-checkable-group.missing-value.warning'\n                        | fromDictionary\n                            : { value: getMissingValueLabel(missingValue) }\n                }}\n            </p>\n        }\n    }\n</div>\n", styles: ["foehn-autocomplete p.alert:focus{outline:0;box-shadow:inset 0 1px 1px #00000013,0 0 0 .2rem var(--vd-focus)}:host ::ng-deep foehn-autocomplete .form-group{margin-bottom:0!important}.selected-list-container .btn{text-transform:none}:host ::ng-deep .btn .svg-inline--fa,:host ::ng-deep .btn a{color:#fff!important}.selected-list-container span.rounded-pill:focus{outline:0;box-shadow:inset 0 1px 1px #00000013,0 0 0 .2rem var(--vd-focus)}.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}:host ::ng-deep foehn-autocomplete div.vd-form-group-danger{border-left:0;padding-left:0}\n"] }]
+                    }, template: "<div\n    class=\"form-group container-box\"\n    [class.has-danger]=\"hasErrorsToDisplay()\"\n    [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n>\n    <foehn-autocomplete\n        #autocompleteComponent\n        [name]=\"name()\"\n        [label]=\"label()\"\n        [elements]=\"elements()\"\n        [elementsUrl]=\"elementsUrl()\"\n        [elementValue]=\"elementValue()\"\n        [elementLabel]=\"elementLabel()\"\n        [elementSuggestionLabel]=\"elementSuggestionLabel()\"\n        [elementValueIdentity]=\"elementValueIdentity()\"\n        [elementDisabled]=\"elementDisabled()\"\n        [elementGroup]=\"elementGroup()\"\n        [allowCustomValue]=\"false\"\n        [searchValueMinCharsCount]=\"searchValueMinCharsCount()\"\n        [customValueModelGenerator]=\"customValueModelGenerator()\"\n        [required]=\"required()\"\n        [disabled]=\"disabled()\"\n        (userInput)=\"addItem($event)\"\n        [(model)]=\"autocompleteInputValue\"\n        (elementsLoaded)=\"onAutocompleteElementsLoaded()\"\n        [showErrorWhenDisabled]=\"showErrorWhenDisabled()\"\n        [hideNotRequiredExtraLabel]=\"hideNotRequiredExtraLabel()\"\n        [itemHeightInSuggestionListInPx]=\"itemHeightInSuggestionListInPx()\"\n        [caseSensitiveSearch]=\"caseSensitiveSearch()\"\n        [isLabelSrOnly]=\"isLabelSrOnly()\"\n        [isSuggestionListDynamic]=\"isSuggestionListDynamic()\"\n    >\n        @if (!showEmptyListMessage()) {\n            <small\n                [attr.id]=\"buildChildId('Help')\"\n                class=\"form-text text-secondary\"\n                [innerHTML]=\"\n                    helpText()\n                        ? helpText()\n                        : ('foehn-multiselect-autocomplete.autocomplete.screen-reader.label'\n                          | fromDictionary)\n                \"\n            ></small>\n        }\n\n        <ng-content />\n\n        <output\n            [id]=\"buildChildId('AlertMessageContainer')\"\n            aria-live=\"polite\"\n            aria-atomic=\"true\"\n            #alertMessageContainer\n        >\n            @if (showEmptyListMessage()) {\n                <p class=\"alert alert-info mb-0\" tabindex=\"-1\">\n                    {{\n                        'foehn-multiselect-autocomplete.autocomplete.empty-message'\n                            | fromDictionary\n                    }}\n                </p>\n            }\n        </output>\n    </foehn-autocomplete>\n\n    <div class=\"selected-list-container pt-2\" tabindex=\"-1\">\n        @if (hasDefaultDeleteFocusArea()) {\n            <small\n                class=\"form-text text-secondary my-0\"\n                [tabindex]=\"0\"\n                [innerHTML]=\"noElementsSelectedLabel() | fromDictionary\"\n                #defaultDeleteFocusArea\n            ></small>\n        }\n\n        <p\n            [id]=\"buildChildId('srOnlyAnnouncements')\"\n            class=\"visually-hidden\"\n            aria-live=\"polite\"\n            aria-atomic=\"true\"\n        >\n            {{ srAnnouncements() }}\n        </p>\n\n        @if (!!model()?.length) {\n            <fieldset\n                class=\"mb-0\"\n                [attr.aria-describedby]=\"buildChildId('Label')\"\n            >\n                <legend\n                    [id]=\"buildChildId('Legend')\"\n                    class=\"form-text text-secondary small mb-0\"\n                    [innerHTML]=\"selectedItemsListLegend() | fromDictionary\"\n                ></legend>\n                <div\n                    class=\"selected-list d-flex align-content-stretch flex-wrap\"\n                >\n                    @for (\n                        element of model();\n                        track trackByFn(index);\n                        let index = $index\n                    ) {\n                        @if (!canBeDeleted(index)) {\n                            <span\n                                class=\"badge rounded-pill bg-secondary me-1 mb-1 py-2 px-3 d-flex align-items-center\"\n                                [tabindex]=\"disabled() ? -1 : 0\"\n                                [attr.aria-describedby]=\"buildChildId('Legend')\"\n                                #defaultElemRef\n                            >\n                                <span\n                                    [innerHTML]=\"getBadgeLabel(element)\"\n                                ></span>\n                                <span class=\"visually-hidden\">\n                                    {{\n                                        'foehn-multiselect-autocomplete.sr-default-selected-element'\n                                            | fromDictionary\n                                    }}\n                                </span>\n                            </span>\n                        }\n                        @if (canBeDeleted(index)) {\n                            <button\n                                type=\"button\"\n                                class=\"btn btn-primary badge rounded-pill me-1 mb-1 py-2 px-3 d-flex align-items-center\"\n                                [tabindex]=\"0\"\n                                [attr.aria-label]=\"\n                                    getDeleteButtonAriaLabel(element)\n                                \"\n                                [attr.aria-describedby]=\"buildChildId('Legend')\"\n                                [title]=\"getDeleteButtonAriaLabel(element)\"\n                                (click)=\"removeItem(element, index)\"\n                                #selectedElemRef\n                            >\n                                <span\n                                    [innerHTML]=\"getBadgeLabel(element)\"\n                                ></span>\n                                <foehn-icon-times\n                                    aria-hidden=\"true\"\n                                    class=\"ms-2\"\n                                    [title]=\"getDeleteButtonAriaLabel(element)\"\n                                />\n                            </button>\n                        }\n                    }\n                </div>\n            </fieldset>\n        }\n    </div>\n\n    @if (hasMissingModelValue()) {\n        @for (missingValue of missingModelValues(); track $index) {\n            <p\n                class=\"alert alert-warning\"\n                role=\"alert\"\n                [attr.id]=\"buildId('MissingValue' + $index)\"\n            >\n                {{\n                    'foehn-checkable-group.missing-value.warning'\n                        | fromDictionary\n                            : { value: getMissingValueLabel(missingValue) }\n                }}\n            </p>\n        }\n    }\n</div>\n", styles: ["foehn-autocomplete p.alert:focus{outline:0;box-shadow:inset 0 1px 1px #00000013,0 0 0 .2rem var(--vd-focus)}:host ::ng-deep foehn-autocomplete .form-group{margin-bottom:0!important}.selected-list-container .btn{text-transform:none}:host ::ng-deep .btn .svg-inline--fa,:host ::ng-deep .btn a{color:#fff!important}.selected-list-container span.rounded-pill:focus{outline:0;box-shadow:inset 0 1px 1px #00000013,0 0 0 .2rem var(--vd-focus)}.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}:host ::ng-deep foehn-autocomplete div.vd-form-group-danger{border-left:0;padding-left:0}\n"] }]
         }], propDecorators: { elementBadgeLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "elementBadgeLabel", required: false }] }], selectedItemsListLegend: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedItemsListLegend", required: false }] }], noElementsSelectedLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "noElementsSelectedLabel", required: false }] }], excludeFromErrorSummary: [{ type: i0.Input, args: [{ isSignal: true, alias: "excludeFromErrorSummary", required: false }] }], defaultElementValues: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultElementValues", required: false }] }], autocompleteComponent: [{ type: i0.ViewChild, args: ['autocompleteComponent', { isSignal: true }] }], alertMessageContainer: [{ type: i0.ViewChild, args: ['alertMessageContainer', { isSignal: true }] }], selectedElemRef: [{ type: i0.ViewChildren, args: ['selectedElemRef', { isSignal: true }] }], defaultElemRef: [{ type: i0.ViewChildren, args: ['defaultElemRef', { isSignal: true }] }], defaultDeleteFocusArea: [{ type: i0.ViewChild, args: ['defaultDeleteFocusArea', { isSignal: true }] }] } });
 
 class FoehnInputEmailComponent extends FoehnInputStringComponent {
@@ -13120,12 +13101,23 @@ class UploaderHelper {
             ? this._fileMaxSizeInBytesByFormKey[keyAsRegex]
             : null;
     }
-    isFileTooBig(formKey, fileSizeInBytes) {
-        const maxFileSizeInBytesForFormKey = this.getMaxFileSizeInBytesForFormKey(formKey);
-        if (!maxFileSizeInBytesForFormKey) {
+    /**
+     * The maximum size of a file: the one of its form key (application info) and `maxFileSizeInMo` (a limit of the
+     * component), the smallest of both.
+     */
+    getMaxFileSizeInBytes(formKey, maxFileSizeInMo) {
+        const limits = [
+            this.getMaxFileSizeInBytesForFormKey(formKey),
+            maxFileSizeInMo ? maxFileSizeInMo * 1024 * 1024 : null,
+        ].filter((limit) => !!limit);
+        return limits.length ? Math.min(...limits) : null;
+    }
+    isFileTooBig(formKey, fileSizeInBytes, maxFileSizeInMo) {
+        const maxFileSizeInBytes = this.getMaxFileSizeInBytes(formKey, maxFileSizeInMo);
+        if (!maxFileSizeInBytes) {
             return false;
         }
-        return this.isTooBig(fileSizeInBytes, maxFileSizeInBytesForFormKey);
+        return this.isTooBig(fileSizeInBytes, maxFileSizeInBytes);
     }
     isFileTooSmall(fileSizeInBytes) {
         if (!this.fileMinSizeInBytes) {
@@ -13162,12 +13154,12 @@ class UploaderHelper {
                 .split(',')
                 .includes(fileExtension.toUpperCase()));
     }
-    getUniqueErrorByCode(name, errorCode, fileName, customErrors, overrideAcceptedExtensions, overrideMaxFileNameLength, overrideIllegalCharacters) {
+    getUniqueErrorByCode(name, errorCode, fileName, customErrors, overrideAcceptedExtensions, overrideMaxFileNameLength, overrideIllegalCharacters, maxFileSizeInMo) {
         const uniqSuffix = Date.now();
         return {
             name,
             code: `${errorCode}_${uniqSuffix}`,
-            message: this.replaceErrorMessageKeys(name, customErrors[errorCode], fileName, errorCode, overrideAcceptedExtensions, overrideMaxFileNameLength, overrideIllegalCharacters),
+            message: this.replaceErrorMessageKeys(name, customErrors[errorCode], fileName, errorCode, overrideAcceptedExtensions, overrideMaxFileNameLength, overrideIllegalCharacters, maxFileSizeInMo),
         };
     }
     addCustomErrorOrDefault(name, destinationErrors, errorCode, fileName, customErrors, overrideAcceptedExtensions, overrideMaxFileNameLength, overrideIllegalCharacters) {
@@ -13229,7 +13221,7 @@ class UploaderHelper {
     createDefaultCustomErrors(customErrors) {
         Object.assign(customErrors, this.getDefaultCustomErrors());
     }
-    getLocalErrors(name, files, customErrors, overrideAcceptedExtensions, overrideMaxFileNameLength, overrideIllegalCharacters) {
+    getLocalErrors(name, files, customErrors, overrideAcceptedExtensions, overrideMaxFileNameLength, overrideIllegalCharacters, maxFileSizeInMo) {
         const errors = [];
         files.forEach((file) => {
             // File bad extension
@@ -13246,10 +13238,10 @@ class UploaderHelper {
                 errors.push(this.getUniqueErrorByCode(name, 'FILENAME_SHOULD_NOT_CONTAIN', file.name, customErrors, overrideAcceptedExtensions, overrideMaxFileNameLength, overrideIllegalCharacters));
             }
             // Files too big
-            if (this.isFileTooBig(name, file.size)) {
-                // Default custom error 413 exist (see function 'createDefaultCustomErrors')
+            if (this.isFileTooBig(name, file.size, maxFileSizeInMo)) {
+                // Default custom error 413 exist (see function 'getDefaultCustomErrors')
                 // Need to create unique error to ensure ability to display multiple error messages
-                errors.push(this.getUniqueErrorByCode(name, '413', file.name, customErrors, overrideAcceptedExtensions, overrideMaxFileNameLength, overrideIllegalCharacters));
+                errors.push(this.getUniqueErrorByCode(name, '413', file.name, customErrors, overrideAcceptedExtensions, overrideMaxFileNameLength, overrideIllegalCharacters, maxFileSizeInMo));
             }
             if (this.isFileTooSmall(file.size)) {
                 // Default custom error FILE_TOO_SMALL exist (see function 'createDefaultCustomErrors')
@@ -13365,7 +13357,7 @@ class UploaderHelper {
     isTooBig(fileSizeInBytes, limitInBytes) {
         return fileSizeInBytes > limitInBytes;
     }
-    replaceErrorMessageKeys(name, errorMsg, fileName, errorCode, overrideAcceptedExtensions, overrideMaxFileNameLength, overrideIllegalCharacters) {
+    replaceErrorMessageKeys(name, errorMsg, fileName, errorCode, overrideAcceptedExtensions, overrideMaxFileNameLength, overrideIllegalCharacters, maxFileSizeInMo) {
         const safeFileName = fileName?.length
             ? getSafeFileNameForErrorMessage(fileName)
             : '';
@@ -13379,7 +13371,7 @@ class UploaderHelper {
         // getDefaultCustomErrors function: customErrors['0'] = customErrors['413'];
         if (errorCode.startsWith('413') || errorCode.startsWith('0')) {
             // REQUEST_ENTITY_TOO_LARGE_ERROR_MSG
-            const fileMaxSize = ((this.getMaxFileSizeInBytesForFormKey(name) ?? 0) /
+            const fileMaxSize = ((this.getMaxFileSizeInBytes(name, maxFileSizeInMo) ?? 0) /
                 (1024 * 1024)).toString();
             return withValue('fileMaxSize', fileMaxSize);
         }
@@ -13538,8 +13530,14 @@ class AbstractFoehnUploaderComponent extends FoehnInputComponent {
     removeFileOnConfirmation(document) {
         this.deleteDocumentSubject.next(document);
     }
+    /**
+     * A maximum size of each file, in addition to the one of its form key in the application info.
+     */
+    getMaxFileSizeInMo() {
+        return undefined;
+    }
     displayLocalErrors(files) {
-        const errors = this.uploaderHelper.getLocalErrors(this.name(), files, this.uploaderCustomErrors(), this.overrideAcceptedExtensions(), this.overrideMaxFileNameLength(), this.overrideIllegalCharacters());
+        const errors = this.uploaderHelper.getLocalErrors(this.name(), files, this.uploaderCustomErrors(), this.overrideAcceptedExtensions(), this.overrideMaxFileNameLength(), this.overrideIllegalCharacters(), this.getMaxFileSizeInMo());
         this.refreshErrors([errors, true]);
         return errors;
     }
@@ -13598,6 +13596,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);
@@ -14287,9 +14302,14 @@ class FoehnBoMultiUploadComponent extends AbstractFoehnUploaderComponent {
     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) ?? [];
     }
@@ -14337,6 +14357,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()
@@ -14377,6 +14414,16 @@ class FoehnBoMultiUploadComponent extends AbstractFoehnUploaderComponent {
             }
         }
     }
+    getMaxFileSizeInMo() {
+        return this.maxFileSizeInMo();
+    }
+    removeFileOnConfirmation(document) {
+        if (this.localUpload()) {
+            this.removeDocumentLocally(document);
+            return;
+        }
+        super.removeFileOnConfirmation(document);
+    }
     populateFileItemList(fileList) {
         let files = Array.from(fileList);
         if (!files.length ||
@@ -14397,9 +14444,54 @@ class FoehnBoMultiUploadComponent extends AbstractFoehnUploaderComponent {
         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);
     }
+    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 || [])]);
@@ -14437,7 +14529,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),
@@ -14448,7 +14540,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,
@@ -14469,8 +14561,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 */ []));
@@ -16000,5 +16092,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