@dsivd/prestations-ng 15.2.3-beta11 → 15.2.3-beta14

package/fesm2020/dsivd-prestations-ng.mjs

@@ -6537,6 +6537,122 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                 }]
         }] });
 
+// eslint-disable max-classes-per-file
+// eslint-disable-next-line prefer-arrow/prefer-arrow-functions,jsdoc/require-jsdoc
+function removeFormatting(value) {
+    if (value === undefined || value === null) {
+        // It's important to return null as the backend will consider this as no value.
+        return null;
+    }
+    return value
+        .toString()
+        .trim()
+        .replace(new RegExp(THOUSANDS_SEPARATOR, 'g'), '');
+}
+// eslint-disable-next-line prefer-arrow/prefer-arrow-functions,jsdoc/require-jsdoc
+function formatWithThousandSeparators(value) {
+    return value.replace(CURRENCY_REGEXP, THOUSANDS_SEPARATOR);
+}
+// eslint-disable-next-line prefer-arrow/prefer-arrow-functions,jsdoc/require-jsdoc
+function formatDecimalCurrency(value, maxDecimalCount, maxLength, allowFreeInput) {
+    if (value === undefined || value === null || value === '') {
+        return null;
+    }
+    const [intg, dec] = removeFormatting(value).split(DECIMALS_SEPARATOR);
+    if (allowFreeInput) {
+        return (formatWithThousandSeparators(intg) +
+            DECIMALS_SEPARATOR +
+            (dec || '0').padEnd(maxDecimalCount, '0'));
+    }
+    if (maxDecimalCount === 0 || !maxDecimalCount) {
+        return formatWithThousandSeparators(intg);
+    }
+    const validEmptyEnd = '0'.repeat(maxDecimalCount);
+    let newEnd = dec ? dec + validEmptyEnd : validEmptyEnd;
+    if (newEnd && newEnd.length >= maxDecimalCount) {
+        newEnd = newEnd.substring(0, maxDecimalCount);
+    }
+    let newDecimal = intg + DECIMALS_SEPARATOR + newEnd;
+    if (newDecimal.length > maxLength) {
+        newDecimal = newDecimal.substring(0, maxLength);
+    }
+    [, newEnd] = newDecimal.split(DECIMALS_SEPARATOR);
+    if (!newEnd) {
+        return formatWithThousandSeparators(intg);
+    }
+    return formatWithThousandSeparators(intg) + DECIMALS_SEPARATOR + newEnd;
+}
+// eslint-disable-next-line prefer-arrow/prefer-arrow-functions,jsdoc/require-jsdoc
+function formatNonDecimalCurrency(value) {
+    if (value === undefined || value === null) {
+        return null;
+    }
+    return formatWithThousandSeparators(removeFormatting(value));
+}
+// eslint-disable-next-line @angular-eslint/directive-selector
+class NumberCurrencyFormatterDirective {
+    constructor(host, ngZone) {
+        this.host = host;
+        this.ngZone = ngZone;
+        this.hasFocus = false;
+    }
+    onBlur(value) {
+        this.hasFocus = false;
+        this.setFormatting(value);
+    }
+    onFocus(value) {
+        this.hasFocus = true;
+        this.host.forceUpdateNgModel(removeFormatting(value));
+    }
+    onModelChange(value) {
+        if (!!value && !this.hasFocus) {
+            this.setFormatting(value);
+        }
+    }
+    ngOnInit() {
+        // sometimes, when the view is "simple" and doesn't require lot a processing
+        // we arrive in this method with this.host.model not already initialized, so the formatting is not working
+        this.ngZone.onMicrotaskEmpty.pipe(first()).subscribe(() => {
+            this.setFormatting(this.host.model);
+        });
+    }
+    setFormatting(value) {
+        // Hooks on the inputs of the component to customize the behavior
+        const formattedValue = this.host.allowDecimal
+            ? formatDecimalCurrency(value, this.host.maxDecimalCount, this.host.maxlength, this.host.allowFreeInput)
+            : formatNonDecimalCurrency(value);
+        const newValueWithoutFormatting = removeFormatting(formattedValue);
+        if (this.hasValueChanged(newValueWithoutFormatting)) {
+            // Since we have altered the model (i.e. by removing some decimals), we have to update it
+            this.host.updateNgModel(newValueWithoutFormatting);
+        }
+        // Due to ngModel being possibly updated, we need to wait for a micro task empty
+        this.ngZone.onMicrotaskEmpty.pipe(first()).subscribe(() => {
+            // We're injection non-decimal characters, hence the force.
+            this.host.forceUpdateNgModel(formattedValue);
+        });
+    }
+    hasValueChanged(newValueWithoutFormatting) {
+        return (!this.host.model ||
+            this.host.model.toString() !== newValueWithoutFormatting);
+    }
+}
+NumberCurrencyFormatterDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NumberCurrencyFormatterDirective, deps: [{ token: FoehnInputNumberComponent }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
+NumberCurrencyFormatterDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: NumberCurrencyFormatterDirective, selector: "[numberCurrencyFormatter]", host: { listeners: { "blur": "onBlur($event.target.value)", "focus": "onFocus($event.target.value)", "modelChange": "onModelChange($event)" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NumberCurrencyFormatterDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: '[numberCurrencyFormatter]' }]
+        }], ctorParameters: function () { return [{ type: FoehnInputNumberComponent }, { type: i0.NgZone }]; }, propDecorators: { onBlur: [{
+                type: HostListener,
+                args: ['blur', ['$event.target.value']]
+            }], onFocus: [{
+                type: HostListener,
+                args: ['focus', ['$event.target.value']]
+            }], onModelChange: [{
+                type: HostListener,
+                args: ['modelChange', ['$event']]
+            }] } });
+
 class FoehnInputNumberComponent extends FoehnInputStringComponent {
     constructor(currencyHelper, dictionaryService) {
         super();
@@ -6544,6 +6660,7 @@ class FoehnInputNumberComponent extends FoehnInputStringComponent {
         this.dictionaryService = dictionaryService;
         this.hideStandardHelpText = false;
         this.maxDecimalCount = 2;
+        this.allowFreeInput = false;
     }
     get model() {
         // If the setter is overridden, it's critical to override the getter too.
@@ -6568,15 +6685,31 @@ class FoehnInputNumberComponent extends FoehnInputStringComponent {
         this.maxlength = !!this.maxlength ? this.maxlength : 9;
         this.manageHelpText();
     }
+    getMaxLength() {
+        if (this.allowFreeInput) {
+            return null;
+        }
+        return super.getMaxLength();
+    }
     updateNgModel(value) {
         if (this.isEmpty(value)) {
             this.setToEmpty(value);
             return;
         }
-        let cleanNumber = this.getCleanNumber(value.toString());
-        const isModelValid = this.isModelValid(cleanNumber);
-        if (!isModelValid) {
-            cleanNumber = this.model;
+        let cleanNumber;
+        if (!this.allowFreeInput) {
+            cleanNumber = this.getCleanNumber(value.toString());
+            const isModelValid = this.isModelValid(cleanNumber);
+            if (!isModelValid) {
+                cleanNumber = this.model;
+            }
+        }
+        else {
+            const noCommaString = this.replaceCommaWithDot(value);
+            cleanNumber =
+                noCommaString && typeof noCommaString === 'string'
+                    ? noCommaString.replace(CLEAN_NEGATIVE_AND_DECIMAL_NUMBERS_PATTERN, '')
+                    : noCommaString;
         }
         super.updateNgModel(cleanNumber);
         // Need to update HTML input value because we let user input what he wants and then we clean model
@@ -6711,7 +6844,6 @@ class FoehnInputNumberComponent extends FoehnInputStringComponent {
                 maxAsString += `.${'9'.repeat(this.maxDecimalCount)}`;
             }
         }
-        const max = this.currencyHelper.formatCurrency(Number(maxAsString), '', this.allowDecimal ? this.maxDecimalCount : null, true);
         let minAsString;
         if (this.min) {
             minAsString = this.min;
@@ -6720,16 +6852,26 @@ class FoehnInputNumberComponent extends FoehnInputStringComponent {
             minAsString = this.allowNegative
                 ? `-${'9'.repeat(maxIntegerCount - 1)}`
                 : '0';
-            if (this.allowDecimal && this.allowNegative) {
-                minAsString += `.${'9'.repeat(this.maxDecimalCount)}`;
+            if (this.allowDecimal) {
+                minAsString += this.allowNegative
+                    ? `.${'9'.repeat(this.maxDecimalCount || 0)}`
+                    : `.${'0'.repeat(this.maxDecimalCount || 0)}`;
             }
         }
-        const min = this.currencyHelper.formatCurrency(Number(minAsString), '', this.allowDecimal ? this.maxDecimalCount : null, true);
-        this.helpText += this.dictionaryService.getKeySync('foehn-input-number.standard-help-text.label', { minValue: min, maxValue: max });
+        this.helpText += this.dictionaryService.getKeySync('foehn-input-number.standard-help-text.label', {
+            minValue: this.formatValue(minAsString),
+            maxValue: this.formatValue(maxAsString)
+        });
+    }
+    formatValue(value) {
+        if (this.allowDecimal) {
+            return formatDecimalCurrency(value?.toString(), this.maxDecimalCount, this.maxlength, this.allowFreeInput);
+        }
+        return formatNonDecimalCurrency(value?.toString());
     }
 }
 FoehnInputNumberComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnInputNumberComponent, deps: [{ token: CurrencyHelper }, { token: SdkDictionaryService }], target: i0.ɵɵFactoryTarget.Component });
-FoehnInputNumberComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FoehnInputNumberComponent, selector: "foehn-input-number", inputs: { hideStandardHelpText: "hideStandardHelpText", allowDecimal: "allowDecimal", allowNegative: "allowNegative", maxDecimalCount: "maxDecimalCount", model: "model" }, providers: [
+FoehnInputNumberComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FoehnInputNumberComponent, selector: "foehn-input-number", inputs: { hideStandardHelpText: "hideStandardHelpText", allowDecimal: "allowDecimal", allowNegative: "allowNegative", maxDecimalCount: "maxDecimalCount", allowFreeInput: "allowFreeInput", model: "model" }, providers: [
         {
             provide: FoehnInputComponent,
             useExisting: forwardRef(() => FoehnInputNumberComponent),
@@ -6753,6 +6895,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                 type: Input
             }], maxDecimalCount: [{
                 type: Input
+            }], allowFreeInput: [{
+                type: Input
             }], model: [{
                 type: Input
             }] } });
@@ -7944,7 +8088,7 @@ FoehnDateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
             useExisting: forwardRef(() => FoehnDateComponent),
             multi: true
         }
-    ], usesInheritance: true, ngImport: i0, template: "<div\n    class=\"form-group\"\n    [class.has-danger]=\"hasErrorsToDisplay()\"\n    [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n    [attr.id]=\"buildId('Container')\"\n    tabindex=\"-1\"\n>\n    <fieldset\n        class=\"mb-3\"\n        [attr.aria-describedby]=\"getDescribedBy()\"\n        [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n    >\n        <legend *ngIf=\"!!label\" [ngClass]=\"isLabelSrOnly ? 'sr-only' : 'vd-p'\">\n            <span [innerHTML]=\"label\"></span>\n            <span\n                *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n                aria-hidden=\"true\"\n            >\n                {{ 'foehn-input.optional' | fromDictionary }}\n            </span>\n        </legend>\n\n        <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n        <small\n            *ngIf=\"helpText\"\n            [attr.id]=\"buildId() + 'Help'\"\n            class=\"text-secondary\"\n            [innerHTML]=\"helpText\"\n        ></small>\n\n        <ng-content></ng-content>\n\n        <div class=\"vd-form-flex\">\n            <div\n                [ngClass]=\"{\n                    'vd-form-flex__item--3-char-width':\n                        displayClearButton() | async,\n                    'vd-form-flex__item--2-char-width': !(\n                        displayClearButton() | async\n                    )\n                }\"\n                class=\"vd-form-flex__item\"\n            >\n                <foehn-input-number\n                    [id]=\"buildId() + '_day'\"\n                    [name]=\"name + '_day'\"\n                    [label]=\"'foehn-input-date.day.label' | fromDictionary\"\n                    [(model)]=\"day\"\n                    (modelChange)=\"updateDate()\"\n                    [disabled]=\"disabled || disableDay\"\n                    [maxlength]=\"2\"\n                    [allowNegative]=\"false\"\n                    [max]=\"31\"\n                    [clearButton]=\"displayClearButton() | async\"\n                    [required]=\"required\"\n                    [hideNotRequiredExtraLabel]=\"true\"\n                    (userInput)=\"handleUserInput()\"\n                    [isErrorInherited]=\"hasErrorsToDisplay()\"\n                    [hideStandardHelpText]=\"true\"\n                    #entryComponent\n                ></foehn-input-number>\n            </div>\n            <div\n                [ngClass]=\"{\n                    'vd-form-flex__item--3-char-width':\n                        displayClearButton() | async,\n                    'vd-form-flex__item--2-char-width': !(\n                        displayClearButton() | async\n                    )\n                }\"\n                class=\"vd-form-flex__item\"\n            >\n                <foehn-input-number\n                    [id]=\"buildId() + '_month'\"\n                    [name]=\"name + '_month'\"\n                    [label]=\"'foehn-input-date.month.label' | fromDictionary\"\n                    [(model)]=\"month\"\n                    (modelChange)=\"updateDate()\"\n                    [disabled]=\"disabled || disableMonth\"\n                    [maxlength]=\"2\"\n                    [clearButton]=\"displayClearButton() | async\"\n                    [allowNegative]=\"false\"\n                    [max]=\"12\"\n                    [required]=\"required\"\n                    [hideNotRequiredExtraLabel]=\"true\"\n                    (userInput)=\"handleUserInput()\"\n                    [isErrorInherited]=\"hasErrorsToDisplay()\"\n                    [hideStandardHelpText]=\"true\"\n                ></foehn-input-number>\n            </div>\n            <div\n                class=\"vd-form-flex__item vd-form-flex__item--4-char-width\"\n                [class.mr-0]=\"shouldDisplayDatePicker()\"\n            >\n                <foehn-input-number\n                    [id]=\"buildId() + '_year'\"\n                    [name]=\"name + '_year'\"\n                    [label]=\"'foehn-input-date.year.label' | fromDictionary\"\n                    [(model)]=\"year\"\n                    (modelChange)=\"updateDate()\"\n                    [disabled]=\"disabled || disableYear\"\n                    [allowNegative]=\"false\"\n                    [maxlength]=\"4\"\n                    [clearButton]=\"displayClearButton() | async\"\n                    [required]=\"required\"\n                    [hideNotRequiredExtraLabel]=\"true\"\n                    (userInput)=\"handleUserInput()\"\n                    [isErrorInherited]=\"hasErrorsToDisplay()\"\n                    [hideStandardHelpText]=\"true\"\n                ></foehn-input-number>\n            </div>\n            <foehn-date-picker-button\n                *ngIf=\"shouldDisplayDatePicker()\"\n                [id]=\"buildId() + '_datePickerButton'\"\n                [(model)]=\"datePickerModel\"\n                (modelChange)=\"updateDateFromDatePicker($event)\"\n                (userInput)=\"handleDatePickerUserInput($event)\"\n                [displaySelectedDate]=\"false\"\n                [minDate]=\"minDate\"\n                [maxDate]=\"maxDate\"\n                class=\"align-self-center\"\n            ></foehn-date-picker-button>\n        </div>\n    </fieldset>\n</div>\n", components: [{ type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }, { type: FoehnInputNumberComponent, selector: "foehn-input-number", inputs: ["hideStandardHelpText", "allowDecimal", "allowNegative", "maxDecimalCount", "model"] }, { type: FoehnDatePickerButtonComponent, selector: "foehn-date-picker-button", inputs: ["id", "name", "minYear", "maxYear", "minDate", "maxDate", "displaySelectedDate", "selectedDateSrOnlyLabelKey", "model"], outputs: ["modelChange", "userInput"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "fromDictionary": SdkDictionaryPipe, "async": i3.AsyncPipe } });
+    ], usesInheritance: true, ngImport: i0, template: "<div\n    class=\"form-group\"\n    [class.has-danger]=\"hasErrorsToDisplay()\"\n    [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n    [attr.id]=\"buildId('Container')\"\n    tabindex=\"-1\"\n>\n    <fieldset\n        class=\"mb-3\"\n        [attr.aria-describedby]=\"getDescribedBy()\"\n        [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n    >\n        <legend *ngIf=\"!!label\" [ngClass]=\"isLabelSrOnly ? 'sr-only' : 'vd-p'\">\n            <span [innerHTML]=\"label\"></span>\n            <span\n                *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n                aria-hidden=\"true\"\n            >\n                {{ 'foehn-input.optional' | fromDictionary }}\n            </span>\n        </legend>\n\n        <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n        <small\n            *ngIf=\"helpText\"\n            [attr.id]=\"buildId() + 'Help'\"\n            class=\"text-secondary\"\n            [innerHTML]=\"helpText\"\n        ></small>\n\n        <ng-content></ng-content>\n\n        <div class=\"vd-form-flex\">\n            <div\n                [ngClass]=\"{\n                    'vd-form-flex__item--3-char-width':\n                        displayClearButton() | async,\n                    'vd-form-flex__item--2-char-width': !(\n                        displayClearButton() | async\n                    )\n                }\"\n                class=\"vd-form-flex__item\"\n            >\n                <foehn-input-number\n                    [id]=\"buildId() + '_day'\"\n                    [name]=\"name + '_day'\"\n                    [label]=\"'foehn-input-date.day.label' | fromDictionary\"\n                    [(model)]=\"day\"\n                    (modelChange)=\"updateDate()\"\n                    [disabled]=\"disabled || disableDay\"\n                    [maxlength]=\"2\"\n                    [allowNegative]=\"false\"\n                    [max]=\"31\"\n                    [clearButton]=\"displayClearButton() | async\"\n                    [required]=\"required\"\n                    [hideNotRequiredExtraLabel]=\"true\"\n                    (userInput)=\"handleUserInput()\"\n                    [isErrorInherited]=\"hasErrorsToDisplay()\"\n                    [hideStandardHelpText]=\"true\"\n                    #entryComponent\n                ></foehn-input-number>\n            </div>\n            <div\n                [ngClass]=\"{\n                    'vd-form-flex__item--3-char-width':\n                        displayClearButton() | async,\n                    'vd-form-flex__item--2-char-width': !(\n                        displayClearButton() | async\n                    )\n                }\"\n                class=\"vd-form-flex__item\"\n            >\n                <foehn-input-number\n                    [id]=\"buildId() + '_month'\"\n                    [name]=\"name + '_month'\"\n                    [label]=\"'foehn-input-date.month.label' | fromDictionary\"\n                    [(model)]=\"month\"\n                    (modelChange)=\"updateDate()\"\n                    [disabled]=\"disabled || disableMonth\"\n                    [maxlength]=\"2\"\n                    [clearButton]=\"displayClearButton() | async\"\n                    [allowNegative]=\"false\"\n                    [max]=\"12\"\n                    [required]=\"required\"\n                    [hideNotRequiredExtraLabel]=\"true\"\n                    (userInput)=\"handleUserInput()\"\n                    [isErrorInherited]=\"hasErrorsToDisplay()\"\n                    [hideStandardHelpText]=\"true\"\n                ></foehn-input-number>\n            </div>\n            <div\n                class=\"vd-form-flex__item vd-form-flex__item--4-char-width\"\n                [class.mr-0]=\"shouldDisplayDatePicker()\"\n            >\n                <foehn-input-number\n                    [id]=\"buildId() + '_year'\"\n                    [name]=\"name + '_year'\"\n                    [label]=\"'foehn-input-date.year.label' | fromDictionary\"\n                    [(model)]=\"year\"\n                    (modelChange)=\"updateDate()\"\n                    [disabled]=\"disabled || disableYear\"\n                    [allowNegative]=\"false\"\n                    [maxlength]=\"4\"\n                    [clearButton]=\"displayClearButton() | async\"\n                    [required]=\"required\"\n                    [hideNotRequiredExtraLabel]=\"true\"\n                    (userInput)=\"handleUserInput()\"\n                    [isErrorInherited]=\"hasErrorsToDisplay()\"\n                    [hideStandardHelpText]=\"true\"\n                ></foehn-input-number>\n            </div>\n            <foehn-date-picker-button\n                *ngIf=\"shouldDisplayDatePicker()\"\n                [id]=\"buildId() + '_datePickerButton'\"\n                [(model)]=\"datePickerModel\"\n                (modelChange)=\"updateDateFromDatePicker($event)\"\n                (userInput)=\"handleDatePickerUserInput($event)\"\n                [displaySelectedDate]=\"false\"\n                [minDate]=\"minDate\"\n                [maxDate]=\"maxDate\"\n                class=\"align-self-center\"\n            ></foehn-date-picker-button>\n        </div>\n    </fieldset>\n</div>\n", components: [{ type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }, { type: FoehnInputNumberComponent, selector: "foehn-input-number", inputs: ["hideStandardHelpText", "allowDecimal", "allowNegative", "maxDecimalCount", "allowFreeInput", "model"] }, { type: FoehnDatePickerButtonComponent, selector: "foehn-date-picker-button", inputs: ["id", "name", "minYear", "maxYear", "minDate", "maxDate", "displaySelectedDate", "selectedDateSrOnlyLabelKey", "model"], outputs: ["modelChange", "userInput"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "fromDictionary": SdkDictionaryPipe, "async": i3.AsyncPipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnDateComponent, decorators: [{
             type: Component,
             args: [{ selector: 'foehn-input-date', providers: [
@@ -8023,7 +8167,7 @@ FoehnTimeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
             useExisting: forwardRef(() => FoehnTimeComponent),
             multi: true
         }
-    ], usesInheritance: true, ngImport: i0, template: "<div\n    class=\"form-group\"\n    [class.has-danger]=\"hasErrorsToDisplay()\"\n    [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n    [attr.id]=\"buildId('Container')\"\n    tabindex=\"-1\"\n>\n    <fieldset\n        class=\"mb-3\"\n        [attr.aria-describedby]=\"getDescribedBy()\"\n        [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n    >\n        <legend *ngIf=\"!!label\" [ngClass]=\"isLabelSrOnly ? 'sr-only' : 'vd-p'\">\n            <span [innerHTML]=\"label\"></span>\n            <span\n                *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n                aria-hidden=\"true\"\n            >\n                {{ 'foehn-input.optional' | fromDictionary }}\n            </span>\n        </legend>\n\n        <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n        <small\n            *ngIf=\"helpText\"\n            [attr.id]=\"buildId() + 'Help'\"\n            class=\"text-secondary\"\n            [innerHTML]=\"helpText\"\n        ></small>\n\n        <ng-content></ng-content>\n\n        <div class=\"vd-form-flex\">\n            <div\n                [ngClass]=\"{\n                    'vd-form-flex__item--3-char-width':\n                        displayClearButton() | async,\n                    'vd-form-flex__item--2-char-width': !(\n                        displayClearButton() | async\n                    )\n                }\"\n                class=\"vd-form-flex__item\"\n            >\n                <foehn-input-number\n                    [id]=\"buildId() + '_hours'\"\n                    [name]=\"name + '_hours'\"\n                    [label]=\"'foehn-input-time.hours.label' | fromDictionary\"\n                    [maxlength]=\"2\"\n                    [max]=\"24\"\n                    [(model)]=\"hour\"\n                    (focusout)=\"updateTime()\"\n                    [required]=\"required\"\n                    [hideNotRequiredExtraLabel]=\"true\"\n                    (userInput)=\"handleUserInput()\"\n                    [isErrorInherited]=\"hasErrorsToDisplay()\"\n                    [disabled]=\"disabled\"\n                    [hideStandardHelpText]=\"true\"\n                    #entryComponent\n                ></foehn-input-number>\n            </div>\n            <div\n                [ngClass]=\"{\n                    'vd-form-flex__item--3-char-width':\n                        displayClearButton() | async,\n                    'vd-form-flex__item--2-char-width': !(\n                        displayClearButton() | async\n                    )\n                }\"\n                class=\"vd-form-flex__item\"\n            >\n                <foehn-input-number\n                    [id]=\"buildId() + '_minutes'\"\n                    [name]=\"name + '_minutes'\"\n                    [label]=\"'foehn-input-time.minutes.label' | fromDictionary\"\n                    [maxlength]=\"2\"\n                    [max]=\"59\"\n                    [(model)]=\"minute\"\n                    (focusout)=\"updateTime()\"\n                    [required]=\"required\"\n                    [hideNotRequiredExtraLabel]=\"true\"\n                    (userInput)=\"handleUserInput()\"\n                    [isErrorInherited]=\"hasErrorsToDisplay()\"\n                    [disabled]=\"disabled\"\n                    [hideStandardHelpText]=\"true\"\n                ></foehn-input-number>\n            </div>\n        </div>\n    </fieldset>\n</div>\n", components: [{ type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }, { type: FoehnInputNumberComponent, selector: "foehn-input-number", inputs: ["hideStandardHelpText", "allowDecimal", "allowNegative", "maxDecimalCount", "model"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "fromDictionary": SdkDictionaryPipe, "async": i3.AsyncPipe } });
+    ], usesInheritance: true, ngImport: i0, template: "<div\n    class=\"form-group\"\n    [class.has-danger]=\"hasErrorsToDisplay()\"\n    [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n    [attr.id]=\"buildId('Container')\"\n    tabindex=\"-1\"\n>\n    <fieldset\n        class=\"mb-3\"\n        [attr.aria-describedby]=\"getDescribedBy()\"\n        [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n    >\n        <legend *ngIf=\"!!label\" [ngClass]=\"isLabelSrOnly ? 'sr-only' : 'vd-p'\">\n            <span [innerHTML]=\"label\"></span>\n            <span\n                *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n                aria-hidden=\"true\"\n            >\n                {{ 'foehn-input.optional' | fromDictionary }}\n            </span>\n        </legend>\n\n        <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n        <small\n            *ngIf=\"helpText\"\n            [attr.id]=\"buildId() + 'Help'\"\n            class=\"text-secondary\"\n            [innerHTML]=\"helpText\"\n        ></small>\n\n        <ng-content></ng-content>\n\n        <div class=\"vd-form-flex\">\n            <div\n                [ngClass]=\"{\n                    'vd-form-flex__item--3-char-width':\n                        displayClearButton() | async,\n                    'vd-form-flex__item--2-char-width': !(\n                        displayClearButton() | async\n                    )\n                }\"\n                class=\"vd-form-flex__item\"\n            >\n                <foehn-input-number\n                    [id]=\"buildId() + '_hours'\"\n                    [name]=\"name + '_hours'\"\n                    [label]=\"'foehn-input-time.hours.label' | fromDictionary\"\n                    [maxlength]=\"2\"\n                    [max]=\"24\"\n                    [(model)]=\"hour\"\n                    (focusout)=\"updateTime()\"\n                    [required]=\"required\"\n                    [hideNotRequiredExtraLabel]=\"true\"\n                    (userInput)=\"handleUserInput()\"\n                    [isErrorInherited]=\"hasErrorsToDisplay()\"\n                    [disabled]=\"disabled\"\n                    [hideStandardHelpText]=\"true\"\n                    #entryComponent\n                ></foehn-input-number>\n            </div>\n            <div\n                [ngClass]=\"{\n                    'vd-form-flex__item--3-char-width':\n                        displayClearButton() | async,\n                    'vd-form-flex__item--2-char-width': !(\n                        displayClearButton() | async\n                    )\n                }\"\n                class=\"vd-form-flex__item\"\n            >\n                <foehn-input-number\n                    [id]=\"buildId() + '_minutes'\"\n                    [name]=\"name + '_minutes'\"\n                    [label]=\"'foehn-input-time.minutes.label' | fromDictionary\"\n                    [maxlength]=\"2\"\n                    [max]=\"59\"\n                    [(model)]=\"minute\"\n                    (focusout)=\"updateTime()\"\n                    [required]=\"required\"\n                    [hideNotRequiredExtraLabel]=\"true\"\n                    (userInput)=\"handleUserInput()\"\n                    [isErrorInherited]=\"hasErrorsToDisplay()\"\n                    [disabled]=\"disabled\"\n                    [hideStandardHelpText]=\"true\"\n                ></foehn-input-number>\n            </div>\n        </div>\n    </fieldset>\n</div>\n", components: [{ type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }, { type: FoehnInputNumberComponent, selector: "foehn-input-number", inputs: ["hideStandardHelpText", "allowDecimal", "allowNegative", "maxDecimalCount", "allowFreeInput", "model"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "fromDictionary": SdkDictionaryPipe, "async": i3.AsyncPipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnTimeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'foehn-input-time', providers: [
@@ -9216,7 +9360,7 @@ FoehnInputNav13Component.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0
             useExisting: forwardRef(() => FoehnInputNav13Component),
             multi: true
         }
-    ], usesInheritance: true, ngImport: i0, template: "<div\n    class=\"form-group\"\n    [class.has-danger]=\"hasErrorsToDisplay()\"\n    [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n    [attr.id]=\"buildId('Container')\"\n    tabindex=\"-1\"\n>\n    <fieldset\n        class=\"mb-3\"\n        [attr.aria-describedby]=\"getDescribedBy()\"\n        [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n    >\n        <legend\n            [attr.for]=\"buildChildId()\"\n            [ngClass]=\"isLabelSrOnly ? 'sr-only' : 'vd-p'\"\n        >\n            <span [innerHTML]=\"label\"></span>\n            <span\n                *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n                aria-hidden=\"true\"\n            >\n                {{ 'foehn-input.optional' | fromDictionary }}\n            </span>\n        </legend>\n\n        <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n        <small\n            *ngIf=\"helpText\"\n            [attr.id]=\"buildId() + 'Help'\"\n            class=\"form-text text-secondary\"\n            [innerHTML]=\"helpText\"\n        ></small>\n\n        <ng-content></ng-content>\n\n        <div class=\"vd-form-flex\">\n            <div\n                [ngClass]=\"{\n                    'vd-form-flex__item--4-char-width':\n                        displayClearButton() | async,\n                    'vd-form-flex__item--3-char-width': !(\n                        displayClearButton() | async\n                    )\n                }\"\n                class=\"vd-form-flex__item\"\n            >\n                <div class=\"form-group\">\n                    <label\n                        [attr.for]=\"buildId() + '_part1Child'\"\n                        class=\"sr-only\"\n                    >\n                        Code du pays\n                    </label>\n                    <small\n                        [id]=\"buildId() + '_part1ChildHelp'\"\n                        class=\"form-text text-secondary\"\n                    >\n                        <span class=\"sr-only\">\n                            Etant obligatoirement un num\u00E9ro AVS suisse, ce\n                            champs est pr\u00E9rempli\n                        </span>\n                    </small>\n\n                    <foehn-input-number\n                        [name]=\"name + '_part1'\"\n                        [id]=\"buildId() + '_part1'\"\n                        [model]=\"PREFIX_NAVS\"\n                        [maxlength]=\"3\"\n                        [autocomplete]=\"'off'\"\n                        [clearButton]=\"displayClearButton() | async\"\n                        [disabled]=\"true\"\n                        [hideStandardHelpText]=\"true\"\n                    ></foehn-input-number>\n                </div>\n            </div>\n\n            <div class=\"vd-form-flex__item vd-form-flex__item--4-char-width\">\n                <div class=\"form-group\">\n                    <label\n                        [attr.for]=\"buildId() + '_part2Child'\"\n                        class=\"sr-only\"\n                    >\n                        Premiers chiffres al\u00E9atoires et anonymes\n                    </label>\n                    <small\n                        [id]=\"buildId() + '_part2ChildHelp'\"\n                        class=\"form-text text-secondary\"\n                    >\n                        <span class=\"sr-only\">\n                            Saisir quatres chiffres :\n                            <abbr title=\"Exemple\">Ex.</abbr>\n                            : 1234\n                        </span>\n                    </small>\n\n                    <foehn-input-number\n                        [name]=\"name + '_part2'\"\n                        [id]=\"buildId() + '_part2'\"\n                        [(model)]=\"part2\"\n                        (modelChange)=\"updateNavs()\"\n                        [maxlength]=\"4\"\n                        [autocomplete]=\"'off'\"\n                        [clearButton]=\"displayClearButton() | async\"\n                        (userInput)=\"handleUserInput()\"\n                        [isErrorInherited]=\"hasErrorsToDisplay()\"\n                        [disabled]=\"disabled\"\n                        (paste)=\"onPaste($event)\"\n                        [hideStandardHelpText]=\"true\"\n                    ></foehn-input-number>\n                </div>\n            </div>\n\n            <div class=\"vd-form-flex__item vd-form-flex__item--4-char-width\">\n                <div class=\"form-group\">\n                    <label\n                        [attr.for]=\"buildId() + '_part3Child'\"\n                        class=\"sr-only\"\n                    >\n                        Deuxi\u00E8mes chiffres al\u00E9atoires et anonymes\n                    </label>\n                    <small\n                        [id]=\"buildId() + '_part3ChildHelp'\"\n                        class=\"form-text text-secondary\"\n                    >\n                        <span class=\"sr-only\">\n                            Saisir quatres chiffres :\n                            <abbr title=\"Exemple\">Ex.</abbr>\n                            : 5678\n                        </span>\n                    </small>\n\n                    <foehn-input-number\n                        [name]=\"name + '_part3'\"\n                        [id]=\"buildId() + '_part3'\"\n                        [(model)]=\"part3\"\n                        (modelChange)=\"updateNavs()\"\n                        [maxlength]=\"4\"\n                        [autocomplete]=\"'off'\"\n                        [clearButton]=\"displayClearButton() | async\"\n                        (userInput)=\"handleUserInput()\"\n                        [isErrorInherited]=\"hasErrorsToDisplay()\"\n                        [disabled]=\"disabled\"\n                        [hideStandardHelpText]=\"true\"\n                    ></foehn-input-number>\n                </div>\n            </div>\n\n            <div\n                [ngClass]=\"{\n                    'vd-form-flex__item--3-char-width':\n                        displayClearButton() | async,\n                    'vd-form-flex__item--2-char-width': !(\n                        displayClearButton() | async\n                    )\n                }\"\n                class=\"vd-form-flex__item vd-form-flex__item--3-char-width\"\n            >\n                <div class=\"form-group\">\n                    <label\n                        [attr.for]=\"buildId() + '_part4Child'\"\n                        class=\"sr-only\"\n                    >\n                        Chiffre al\u00E9atoire et anonyme et num\u00E9ro de contr\u00F4le\n                    </label>\n                    <small\n                        [id]=\"buildId() + '_part4ChildHelp'\"\n                        class=\"form-text text-secondary\"\n                    >\n                        <span class=\"sr-only\">\n                            Saisir deux chiffres :\n                            <abbr title=\"Exemple\">Ex.</abbr>\n                            : 97\n                        </span>\n                    </small>\n\n                    <foehn-input-number\n                        [name]=\"name + '_part4'\"\n                        [id]=\"buildId() + '_part4'\"\n                        [(model)]=\"part4\"\n                        (modelChange)=\"updateNavs()\"\n                        [maxlength]=\"2\"\n                        [autocomplete]=\"'off'\"\n                        [clearButton]=\"displayClearButton() | async\"\n                        (userInput)=\"handleUserInput()\"\n                        [isErrorInherited]=\"hasErrorsToDisplay()\"\n                        [disabled]=\"disabled\"\n                        [hideStandardHelpText]=\"true\"\n                    ></foehn-input-number>\n                </div>\n            </div>\n        </div>\n    </fieldset>\n</div>\n", components: [{ type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }, { type: FoehnInputNumberComponent, selector: "foehn-input-number", inputs: ["hideStandardHelpText", "allowDecimal", "allowNegative", "maxDecimalCount", "model"] }], directives: [{ type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "fromDictionary": SdkDictionaryPipe, "async": i3.AsyncPipe } });
+    ], usesInheritance: true, ngImport: i0, template: "<div\n    class=\"form-group\"\n    [class.has-danger]=\"hasErrorsToDisplay()\"\n    [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n    [attr.id]=\"buildId('Container')\"\n    tabindex=\"-1\"\n>\n    <fieldset\n        class=\"mb-3\"\n        [attr.aria-describedby]=\"getDescribedBy()\"\n        [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n    >\n        <legend\n            [attr.for]=\"buildChildId()\"\n            [ngClass]=\"isLabelSrOnly ? 'sr-only' : 'vd-p'\"\n        >\n            <span [innerHTML]=\"label\"></span>\n            <span\n                *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n                aria-hidden=\"true\"\n            >\n                {{ 'foehn-input.optional' | fromDictionary }}\n            </span>\n        </legend>\n\n        <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n        <small\n            *ngIf=\"helpText\"\n            [attr.id]=\"buildId() + 'Help'\"\n            class=\"form-text text-secondary\"\n            [innerHTML]=\"helpText\"\n        ></small>\n\n        <ng-content></ng-content>\n\n        <div class=\"vd-form-flex\">\n            <div\n                [ngClass]=\"{\n                    'vd-form-flex__item--4-char-width':\n                        displayClearButton() | async,\n                    'vd-form-flex__item--3-char-width': !(\n                        displayClearButton() | async\n                    )\n                }\"\n                class=\"vd-form-flex__item\"\n            >\n                <div class=\"form-group\">\n                    <label\n                        [attr.for]=\"buildId() + '_part1Child'\"\n                        class=\"sr-only\"\n                    >\n                        Code du pays\n                    </label>\n                    <small\n                        [id]=\"buildId() + '_part1ChildHelp'\"\n                        class=\"form-text text-secondary\"\n                    >\n                        <span class=\"sr-only\">\n                            Etant obligatoirement un num\u00E9ro AVS suisse, ce\n                            champs est pr\u00E9rempli\n                        </span>\n                    </small>\n\n                    <foehn-input-number\n                        [name]=\"name + '_part1'\"\n                        [id]=\"buildId() + '_part1'\"\n                        [model]=\"PREFIX_NAVS\"\n                        [maxlength]=\"3\"\n                        [autocomplete]=\"'off'\"\n                        [clearButton]=\"displayClearButton() | async\"\n                        [disabled]=\"true\"\n                        [hideStandardHelpText]=\"true\"\n                    ></foehn-input-number>\n                </div>\n            </div>\n\n            <div class=\"vd-form-flex__item vd-form-flex__item--4-char-width\">\n                <div class=\"form-group\">\n                    <label\n                        [attr.for]=\"buildId() + '_part2Child'\"\n                        class=\"sr-only\"\n                    >\n                        Premiers chiffres al\u00E9atoires et anonymes\n                    </label>\n                    <small\n                        [id]=\"buildId() + '_part2ChildHelp'\"\n                        class=\"form-text text-secondary\"\n                    >\n                        <span class=\"sr-only\">\n                            Saisir quatres chiffres :\n                            <abbr title=\"Exemple\">Ex.</abbr>\n                            : 1234\n                        </span>\n                    </small>\n\n                    <foehn-input-number\n                        [name]=\"name + '_part2'\"\n                        [id]=\"buildId() + '_part2'\"\n                        [(model)]=\"part2\"\n                        (modelChange)=\"updateNavs()\"\n                        [maxlength]=\"4\"\n                        [autocomplete]=\"'off'\"\n                        [clearButton]=\"displayClearButton() | async\"\n                        (userInput)=\"handleUserInput()\"\n                        [isErrorInherited]=\"hasErrorsToDisplay()\"\n                        [disabled]=\"disabled\"\n                        (paste)=\"onPaste($event)\"\n                        [hideStandardHelpText]=\"true\"\n                    ></foehn-input-number>\n                </div>\n            </div>\n\n            <div class=\"vd-form-flex__item vd-form-flex__item--4-char-width\">\n                <div class=\"form-group\">\n                    <label\n                        [attr.for]=\"buildId() + '_part3Child'\"\n                        class=\"sr-only\"\n                    >\n                        Deuxi\u00E8mes chiffres al\u00E9atoires et anonymes\n                    </label>\n                    <small\n                        [id]=\"buildId() + '_part3ChildHelp'\"\n                        class=\"form-text text-secondary\"\n                    >\n                        <span class=\"sr-only\">\n                            Saisir quatres chiffres :\n                            <abbr title=\"Exemple\">Ex.</abbr>\n                            : 5678\n                        </span>\n                    </small>\n\n                    <foehn-input-number\n                        [name]=\"name + '_part3'\"\n                        [id]=\"buildId() + '_part3'\"\n                        [(model)]=\"part3\"\n                        (modelChange)=\"updateNavs()\"\n                        [maxlength]=\"4\"\n                        [autocomplete]=\"'off'\"\n                        [clearButton]=\"displayClearButton() | async\"\n                        (userInput)=\"handleUserInput()\"\n                        [isErrorInherited]=\"hasErrorsToDisplay()\"\n                        [disabled]=\"disabled\"\n                        [hideStandardHelpText]=\"true\"\n                    ></foehn-input-number>\n                </div>\n            </div>\n\n            <div\n                [ngClass]=\"{\n                    'vd-form-flex__item--3-char-width':\n                        displayClearButton() | async,\n                    'vd-form-flex__item--2-char-width': !(\n                        displayClearButton() | async\n                    )\n                }\"\n                class=\"vd-form-flex__item vd-form-flex__item--3-char-width\"\n            >\n                <div class=\"form-group\">\n                    <label\n                        [attr.for]=\"buildId() + '_part4Child'\"\n                        class=\"sr-only\"\n                    >\n                        Chiffre al\u00E9atoire et anonyme et num\u00E9ro de contr\u00F4le\n                    </label>\n                    <small\n                        [id]=\"buildId() + '_part4ChildHelp'\"\n                        class=\"form-text text-secondary\"\n                    >\n                        <span class=\"sr-only\">\n                            Saisir deux chiffres :\n                            <abbr title=\"Exemple\">Ex.</abbr>\n                            : 97\n                        </span>\n                    </small>\n\n                    <foehn-input-number\n                        [name]=\"name + '_part4'\"\n                        [id]=\"buildId() + '_part4'\"\n                        [(model)]=\"part4\"\n                        (modelChange)=\"updateNavs()\"\n                        [maxlength]=\"2\"\n                        [autocomplete]=\"'off'\"\n                        [clearButton]=\"displayClearButton() | async\"\n                        (userInput)=\"handleUserInput()\"\n                        [isErrorInherited]=\"hasErrorsToDisplay()\"\n                        [disabled]=\"disabled\"\n                        [hideStandardHelpText]=\"true\"\n                    ></foehn-input-number>\n                </div>\n            </div>\n        </div>\n    </fieldset>\n</div>\n", components: [{ type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }, { type: FoehnInputNumberComponent, selector: "foehn-input-number", inputs: ["hideStandardHelpText", "allowDecimal", "allowNegative", "maxDecimalCount", "allowFreeInput", "model"] }], directives: [{ type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "fromDictionary": SdkDictionaryPipe, "async": i3.AsyncPipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnInputNav13Component, decorators: [{
             type: Component,
             args: [{ selector: 'foehn-input-nav13', providers: [
@@ -11468,117 +11612,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
 class FoehnConfirmModalContent {
 }
 
-// eslint-disable max-classes-per-file
-// eslint-disable-next-line prefer-arrow/prefer-arrow-functions,jsdoc/require-jsdoc
-function removeFormatting(value) {
-    if (value === undefined || value === null) {
-        // It's important to return null as the backend will consider this as no value.
-        return null;
-    }
-    return value
-        .toString()
-        .trim()
-        .replace(new RegExp(THOUSANDS_SEPARATOR, 'g'), '');
-}
-// eslint-disable-next-line prefer-arrow/prefer-arrow-functions,jsdoc/require-jsdoc
-function formatWithThousandSeparators(value) {
-    return value.replace(CURRENCY_REGEXP, THOUSANDS_SEPARATOR);
-}
-// eslint-disable-next-line prefer-arrow/prefer-arrow-functions,jsdoc/require-jsdoc
-function formatDecimalCurrency(value, maxDecimalCount, maxLength) {
-    if (value === undefined || value === null || value === '') {
-        return null;
-    }
-    const [intg, dec] = removeFormatting(value).split(DECIMALS_SEPARATOR);
-    if (maxDecimalCount === 0) {
-        return formatWithThousandSeparators(intg);
-    }
-    const validEmptyEnd = '0'.repeat(maxDecimalCount);
-    let newEnd = dec ? dec + validEmptyEnd : validEmptyEnd;
-    if (newEnd && newEnd.length >= maxDecimalCount) {
-        newEnd = newEnd.substring(0, maxDecimalCount);
-    }
-    let newDecimal = intg + DECIMALS_SEPARATOR + newEnd;
-    if (newDecimal.length > maxLength) {
-        newDecimal = newDecimal.substring(0, maxLength);
-    }
-    [, newEnd] = newDecimal.split(DECIMALS_SEPARATOR);
-    if (!newEnd) {
-        return formatWithThousandSeparators(intg);
-    }
-    return formatWithThousandSeparators(intg) + DECIMALS_SEPARATOR + newEnd;
-}
-// eslint-disable-next-line prefer-arrow/prefer-arrow-functions,jsdoc/require-jsdoc
-function formatNonDecimalCurrency(value) {
-    if (value === undefined || value === null) {
-        return null;
-    }
-    return formatWithThousandSeparators(removeFormatting(value));
-}
-// eslint-disable-next-line @angular-eslint/directive-selector
-class NumberCurrencyFormatterDirective {
-    constructor(host, ngZone) {
-        this.host = host;
-        this.ngZone = ngZone;
-        this.hasFocus = false;
-    }
-    onBlur(value) {
-        this.hasFocus = false;
-        this.setFormatting(value);
-    }
-    onFocus(value) {
-        this.hasFocus = true;
-        this.host.forceUpdateNgModel(removeFormatting(value));
-    }
-    onModelChange(value) {
-        if (!!value && !this.hasFocus) {
-            this.setFormatting(value);
-        }
-    }
-    ngOnInit() {
-        // sometimes, when the view is "simple" and doesn't require lot a processing
-        // we arrive in this method with this.host.model not already initialized, so the formatting is not working
-        this.ngZone.onMicrotaskEmpty.pipe(first()).subscribe(() => {
-            this.setFormatting(this.host.model);
-        });
-    }
-    setFormatting(value) {
-        // Hooks on the inputs of the component to customize the behavior
-        const formattedValue = this.host.allowDecimal
-            ? formatDecimalCurrency(value, this.host.maxDecimalCount, this.host.maxlength)
-            : formatNonDecimalCurrency(value);
-        const newValueWithoutFormatting = removeFormatting(formattedValue);
-        if (this.hasValueChanged(newValueWithoutFormatting)) {
-            // Since we have altered the model (i.e. by removing some decimals), we have to update it
-            this.host.updateNgModel(newValueWithoutFormatting);
-        }
-        // Due to ngModel being possibly updated, we need to wait for a micro task empty
-        this.ngZone.onMicrotaskEmpty.pipe(first()).subscribe(() => {
-            // We're injection non-decimal characters, hence the force.
-            this.host.forceUpdateNgModel(formattedValue);
-        });
-    }
-    hasValueChanged(newValueWithoutFormatting) {
-        return (!this.host.model ||
-            this.host.model.toString() !== newValueWithoutFormatting);
-    }
-}
-NumberCurrencyFormatterDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NumberCurrencyFormatterDirective, deps: [{ token: FoehnInputNumberComponent }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
-NumberCurrencyFormatterDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: NumberCurrencyFormatterDirective, selector: "[numberCurrencyFormatter]", host: { listeners: { "blur": "onBlur($event.target.value)", "focus": "onFocus($event.target.value)", "modelChange": "onModelChange($event)" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NumberCurrencyFormatterDirective, decorators: [{
-            type: Directive,
-            args: [{ selector: '[numberCurrencyFormatter]' }]
-        }], ctorParameters: function () { return [{ type: FoehnInputNumberComponent }, { type: i0.NgZone }]; }, propDecorators: { onBlur: [{
-                type: HostListener,
-                args: ['blur', ['$event.target.value']]
-            }], onFocus: [{
-                type: HostListener,
-                args: ['focus', ['$event.target.value']]
-            }], onModelChange: [{
-                type: HostListener,
-                args: ['modelChange', ['$event']]
-            }] } });
-
 const NO_CONTRIB_PATTERN = '^((\\d\\.?){0,7})(\\d)$';
 const NO_CONTRIB_PATTERN_WITH_NO_DOT = '^(\\d{1,2})$';
 const NO_CONTRIB_PATTERN_WITH_ONE_DOT = '^(\\d{1,3})(\\d{2})$';
@@ -12699,5 +12732,5 @@ class SelectedSlot {
  * 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, ComponentError, Configuration, Country, CurrencyHelper, CurrentWeek, DECIMALS_SEPARATOR, DEFAULT_INTERNATIONAL_AND_NO_SWISS, DEFAULT_INTERNATIONAL_AND_NO_SWISS_MOBILE, DEFAULT_INTERNATIONAL_AND_NO_SWISS_PHONE, DEFAULT_INTERNATIONAL_HELP_TEXT, DEFAULT_SWISS_HELP_TEXT, DEFAULT_SWISS_MOBILE_PHONE_HELP_TEXT, DEFAULT_SWISS_PHONE_HELP_TEXT, DICTIONARY_BASE_URL, DateHelper, DatePickerHelper, DatePickerNavigationHelper, DayMonth, DaySlots, DisplayCurrencyPipe, DisplayDatePipe, DisplayLoginMessagesData, District, Document, DocumentError, DocumentReference, DocumentReferenceWithFile, DocumentsWithErrors, EPaymentService, EtapeInfo, FORM_SUPPORT_CYBER_TITLE_FALLBACK, FocusedDay, FoehnAbbrComponent, FoehnAddressModule, FoehnAgendaComponent, FoehnAgendaModule, FoehnAgendaNavigationComponent, FoehnAgendaTimeslotPanelComponent, FoehnAutocompleteComponent, FoehnAutocompleteModule, FoehnBoMultiUploadComponent, FoehnBoMultiUploadModule, FoehnBooleanCheckboxComponent, FoehnBooleanModule, FoehnBooleanRadioComponent, FoehnBreadcrumbComponent, FoehnBreadcrumbModule, FoehnCheckableGroupComponent, FoehnCheckablesModule, FoehnCheckboxComponent, FoehnConfirmModalComponent, FoehnConfirmModalContent, FoehnConfirmModalModule, FoehnConfirmModalService, FoehnDateComponent, FoehnDatePickerButtonComponent, FoehnDatePickerButtonModule, FoehnDatePickerComponent, FoehnDatePickerModule, FoehnDecisionElectroniqueComponent, FoehnDecisionElectroniqueModule, FoehnDisplayAddressComponent, FoehnErrorPillComponent, FoehnFormComponent, FoehnFormModule, FoehnHeaderComponent, FoehnHeaderModule, FoehnHelpModalComponent, FoehnHelpModalModule, FoehnIconCalendarComponent, FoehnIconCheckComponent, FoehnIconCheckSquareOComponent, FoehnIconChevronDownComponent, FoehnIconChevronLeftComponent, FoehnIconChevronRightComponent, FoehnIconChevronUpComponent, FoehnIconClockComponent, FoehnIconCommentDotsComponent, FoehnIconEditComponent, FoehnIconExternalLinkAltComponent, FoehnIconFilePdfComponent, FoehnIconInfoCircleComponent, FoehnIconLockComponent, FoehnIconMapMarkerComponent, FoehnIconMinusCircleComponent, FoehnIconPlusCircleComponent, FoehnIconPlusSquareComponent, FoehnIconSearchComponent, FoehnIconTimesComponent, FoehnIconTrashAltComponent, FoehnIconUnlockAltComponent, FoehnIconsModule, FoehnInputAddressComponent, FoehnInputComponent, FoehnInputEmailComponent, FoehnInputForeignLocalityComponent, FoehnInputForeignStreetComponent, FoehnInputHiddenComponent, FoehnInputModule, FoehnInputNav13Component, FoehnInputNav13Module, FoehnInputNumberComponent, FoehnInputPasswordComponent, FoehnInputPhoneComponent, FoehnInputStringComponent, FoehnInputTextComponent, FoehnInputTextareaComponent, FoehnListComponent, FoehnListItem, FoehnListModule, FoehnListSummaryComponent, FoehnMenuItemComponent, FoehnMenuItemTransmitComponent, FoehnMenuPrestationModule, FoehnMiscModule, FoehnModalComponent, FoehnModalModule, FoehnMultiUploadComponent, FoehnMultiUploadModule, FoehnMultiselectAutocompleteComponent, FoehnMultiselectAutocompleteModule, FoehnNavigationComponent, FoehnNavigationModule, FoehnNavigationService, FoehnNotFoundModule, FoehnNotfoundComponent, FoehnPageComponent, FoehnPageCounterComponent, FoehnPageModalComponent, FoehnPageModule, FoehnPageService, FoehnPictureUploadComponent, FoehnPictureUploadModule, FoehnRadioComponent, FoehnRecapSectionComponent, FoehnRecapSectionModule, FoehnRemainingAlertsSummaryComponent, FoehnRemainingAlertsSummaryModule, FoehnSelectComponent, FoehnSkipLinkComponent, FoehnStatusProgressBarComponent, FoehnStatusProgressBarModule, FoehnTableColumnConfiguration, FoehnTableComponent, FoehnTableModule, FoehnTablePageChangeEvent, FoehnTimeComponent, FoehnUserConnectedAsComponent, FoehnUserConnectedAsModule, FoehnValidationAlertSummaryComponent, FoehnValidationAlertSummaryModule, FoehnValidationAlertsComponent, FoehnValidationAlertsModule, FooterLink, FormMetadata, FormPostResponse, FormSelectOption, FormatIdePipe, FormatterModule, GESDEM_MAX_DATA_LENGTH, GesdemActionRecoveryLoginComponent, GesdemActionRecoveryModule, GesdemActionRecoveryRegistrationComponent, GesdemConfirmationComponent, GesdemConfirmationModule, GesdemErrorComponent, GesdemErrorModule, GesdemEventService, GesdemHandlerService, GesdemLoaderGuard, GesdemStatutUtils, GrowlBrokerService, GrowlMessage, GrowlType, I18nForm, IbanFormatterDirective, IdeFormatterDirective, Locality, MonthYear, MultiUploadService, Municipality, NDCFormatterDirective, NavigationDirection, NumberCurrencyFormatterDirective, ObjectHelper, PORTAIL_BASE_URL_INT, PageChangeEvent, PaginationWeek, PendingFiles, PendingUploadService, PipeModule, PlaceOfOrigin, Portail, PostalLocality, Preferences, PrestationsNgCoreModule, RECAPTCHA_API_URL, RecaptchaService, RedirectComponent, SESSION_INFO_API_URL, SWISS_ISO_ID, SdkDictionaryModule, SdkDictionaryPipe, SdkDictionaryService, SdkEpaymentComponent, SdkEpaymentModule, SdkRecaptchaComponent, SdkRecaptchaModule, SdkRedirectModule, SdkStatisticsService, SelectedSlot, ServiceLocator, SessionInfo, SessionInfoData, SessionInfoWithApplicationService, Street, StreetNumber, THOUSANDS_SEPARATOR, TableSort, UploaderHelper, ValidationHandlerService, 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, ComponentError, Configuration, Country, CurrencyHelper, CurrentWeek, DECIMALS_SEPARATOR, DEFAULT_INTERNATIONAL_AND_NO_SWISS, DEFAULT_INTERNATIONAL_AND_NO_SWISS_MOBILE, DEFAULT_INTERNATIONAL_AND_NO_SWISS_PHONE, DEFAULT_INTERNATIONAL_HELP_TEXT, DEFAULT_SWISS_HELP_TEXT, DEFAULT_SWISS_MOBILE_PHONE_HELP_TEXT, DEFAULT_SWISS_PHONE_HELP_TEXT, DICTIONARY_BASE_URL, DateHelper, DatePickerHelper, DatePickerNavigationHelper, DayMonth, DaySlots, DisplayCurrencyPipe, DisplayDatePipe, DisplayLoginMessagesData, District, Document, DocumentError, DocumentReference, DocumentReferenceWithFile, DocumentsWithErrors, EPaymentService, EtapeInfo, FORM_SUPPORT_CYBER_TITLE_FALLBACK, FocusedDay, FoehnAbbrComponent, FoehnAddressModule, FoehnAgendaComponent, FoehnAgendaModule, FoehnAgendaNavigationComponent, FoehnAgendaTimeslotPanelComponent, FoehnAutocompleteComponent, FoehnAutocompleteModule, FoehnBoMultiUploadComponent, FoehnBoMultiUploadModule, FoehnBooleanCheckboxComponent, FoehnBooleanModule, FoehnBooleanRadioComponent, FoehnBreadcrumbComponent, FoehnBreadcrumbModule, FoehnCheckableGroupComponent, FoehnCheckablesModule, FoehnCheckboxComponent, FoehnConfirmModalComponent, FoehnConfirmModalContent, FoehnConfirmModalModule, FoehnConfirmModalService, FoehnDateComponent, FoehnDatePickerButtonComponent, FoehnDatePickerButtonModule, FoehnDatePickerComponent, FoehnDatePickerModule, FoehnDecisionElectroniqueComponent, FoehnDecisionElectroniqueModule, FoehnDisplayAddressComponent, FoehnErrorPillComponent, FoehnFormComponent, FoehnFormModule, FoehnHeaderComponent, FoehnHeaderModule, FoehnHelpModalComponent, FoehnHelpModalModule, FoehnIconCalendarComponent, FoehnIconCheckComponent, FoehnIconCheckSquareOComponent, FoehnIconChevronDownComponent, FoehnIconChevronLeftComponent, FoehnIconChevronRightComponent, FoehnIconChevronUpComponent, FoehnIconClockComponent, FoehnIconCommentDotsComponent, FoehnIconEditComponent, FoehnIconExternalLinkAltComponent, FoehnIconFilePdfComponent, FoehnIconInfoCircleComponent, FoehnIconLockComponent, FoehnIconMapMarkerComponent, FoehnIconMinusCircleComponent, FoehnIconPlusCircleComponent, FoehnIconPlusSquareComponent, FoehnIconSearchComponent, FoehnIconTimesComponent, FoehnIconTrashAltComponent, FoehnIconUnlockAltComponent, FoehnIconsModule, FoehnInputAddressComponent, FoehnInputComponent, FoehnInputEmailComponent, FoehnInputForeignLocalityComponent, FoehnInputForeignStreetComponent, FoehnInputHiddenComponent, FoehnInputModule, FoehnInputNav13Component, FoehnInputNav13Module, FoehnInputNumberComponent, FoehnInputPasswordComponent, FoehnInputPhoneComponent, FoehnInputStringComponent, FoehnInputTextComponent, FoehnInputTextareaComponent, FoehnListComponent, FoehnListItem, FoehnListModule, FoehnListSummaryComponent, FoehnMenuItemComponent, FoehnMenuItemTransmitComponent, FoehnMenuPrestationModule, FoehnMiscModule, FoehnModalComponent, FoehnModalModule, FoehnMultiUploadComponent, FoehnMultiUploadModule, FoehnMultiselectAutocompleteComponent, FoehnMultiselectAutocompleteModule, FoehnNavigationComponent, FoehnNavigationModule, FoehnNavigationService, FoehnNotFoundModule, FoehnNotfoundComponent, FoehnPageComponent, FoehnPageCounterComponent, FoehnPageModalComponent, FoehnPageModule, FoehnPageService, FoehnPictureUploadComponent, FoehnPictureUploadModule, FoehnRadioComponent, FoehnRecapSectionComponent, FoehnRecapSectionModule, FoehnRemainingAlertsSummaryComponent, FoehnRemainingAlertsSummaryModule, FoehnSelectComponent, FoehnSkipLinkComponent, FoehnStatusProgressBarComponent, FoehnStatusProgressBarModule, FoehnTableColumnConfiguration, FoehnTableComponent, FoehnTableModule, FoehnTablePageChangeEvent, FoehnTimeComponent, FoehnUserConnectedAsComponent, FoehnUserConnectedAsModule, FoehnValidationAlertSummaryComponent, FoehnValidationAlertSummaryModule, FoehnValidationAlertsComponent, FoehnValidationAlertsModule, FooterLink, FormMetadata, FormPostResponse, FormSelectOption, FormatIdePipe, FormatterModule, GESDEM_MAX_DATA_LENGTH, GesdemActionRecoveryLoginComponent, GesdemActionRecoveryModule, GesdemActionRecoveryRegistrationComponent, GesdemConfirmationComponent, GesdemConfirmationModule, GesdemErrorComponent, GesdemErrorModule, GesdemEventService, GesdemHandlerService, GesdemLoaderGuard, GesdemStatutUtils, GrowlBrokerService, GrowlMessage, GrowlType, I18nForm, IbanFormatterDirective, IdeFormatterDirective, Locality, MonthYear, MultiUploadService, Municipality, NDCFormatterDirective, NavigationDirection, NumberCurrencyFormatterDirective, ObjectHelper, PORTAIL_BASE_URL_INT, PageChangeEvent, PaginationWeek, PendingFiles, PendingUploadService, PipeModule, PlaceOfOrigin, Portail, PostalLocality, Preferences, PrestationsNgCoreModule, RECAPTCHA_API_URL, RecaptchaService, RedirectComponent, SESSION_INFO_API_URL, SWISS_ISO_ID, SdkDictionaryModule, SdkDictionaryPipe, SdkDictionaryService, SdkEpaymentComponent, SdkEpaymentModule, SdkRecaptchaComponent, SdkRecaptchaModule, SdkRedirectModule, SdkStatisticsService, SelectedSlot, ServiceLocator, SessionInfo, SessionInfoData, SessionInfoWithApplicationService, Street, StreetNumber, THOUSANDS_SEPARATOR, TableSort, UploaderHelper, ValidationHandlerService, formatDecimalCurrency, formatNonDecimalCurrency, replaceAll };
 //# sourceMappingURL=dsivd-prestations-ng.mjs.map