@dsivd/prestations-ng 15.3.1-beta7 → 15.3.1-beta9

package/fesm2020/dsivd-prestations-ng.mjs

@@ -6888,9 +6888,15 @@ class NumberCurrencyFormatterDirective {
     }
     setFormatting(value) {
         // Hooks on the inputs of the component to customize the behavior
-        const formattedValue = this.host.allowDecimal || this.host.allowFreeInput
-            ? formatDecimalCurrency(value, this.host.maxDecimalCount, this.host.maxlength, this.host.allowFreeInput)
-            : formatNonDecimalCurrency(value);
+        let formattedValue = null;
+        if (this.host.allowFreeInput && !this.host.allowDecimal) {
+            formattedValue = formatNumberAsGiven(value);
+        }
+        else {
+            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
@@ -6954,7 +6960,20 @@ class FoehnInputNumberComponent extends FoehnInputStringComponent {
             ? HTML_DECIMAL_PATTERN
             : HTML_NO_DECIMAL_PATTERN;
         this.maxlength = !!this.maxlength ? this.maxlength : 9;
-        this.manageHelpText();
+        this.initialHelpText = this.helpText;
+    }
+    ngOnChanges(changes) {
+        const hasChanges = Object.keys(changes)
+            .filter(k => k !== 'model')
+            .map(k => changes[k])
+            .find(change => change.currentValue !== change.previousValue);
+        const helpTextHasChanged = changes.helpText?.currentValue !== changes.helpText?.previousValue;
+        if (helpTextHasChanged) {
+            this.initialHelpText = changes.helpText.currentValue;
+        }
+        if (hasChanges) {
+            this.manageHelpText();
+        }
     }
     getMaxLength() {
         if (this.allowFreeInput) {
@@ -7075,12 +7094,13 @@ class FoehnInputNumberComponent extends FoehnInputStringComponent {
     }
     manageHelpText() {
         if (!!this.hideStandardHelpText) {
+            this.helpText = this.initialHelpText;
             return;
         }
         if (!this.allowFreeInput) {
             if (isDefined(this.min) && isDefined(this.max)) {
-                if (!!this.helpText?.length) {
-                    this.helpText += '<br/>';
+                if (!!this.initialHelpText?.length) {
+                    this.helpText = `${this.initialHelpText}<br/>`;
                 }
                 else {
                     this.helpText = '';
@@ -7092,8 +7112,8 @@ class FoehnInputNumberComponent extends FoehnInputStringComponent {
             }
             return;
         }
-        if (!!this.helpText?.length) {
-            this.helpText += '<br/>';
+        if (!!this.initialHelpText?.length) {
+            this.helpText = `${this.initialHelpText}<br/>`;
         }
         else {
             this.helpText = '';
@@ -7144,7 +7164,7 @@ FoehnInputNumberComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.
             useExisting: forwardRef(() => FoehnInputNumberComponent),
             multi: true
         }
-    ], usesInheritance: true, ngImport: i0, template: "<div\n    class=\"form-group clearable-input-form-group\"\n    [class.has-danger]=\"hasErrorsToDisplay()\"\n    [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n    [attr.id]=\"buildId('Container')\"\n    tabindex=\"-1\"\n>\n    <div class=\"d-flex justify-content-between\">\n        <label\n            style=\"display: inline-block\"\n            [attr.for]=\"buildChildId()\"\n            *ngIf=\"label && type !== 'hidden'\"\n            [ngClass]=\"isLabelSrOnly ? 'sr-only' : labelStyleModifier\"\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        </label>\n\n        <foehn-help-modal\n            class=\"removePaddingButton\"\n            *ngIf=\"!!helpModal\"\n            [modalContent]=\"helpModal\"\n        ></foehn-help-modal>\n    </div>\n\n    <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n    <small\n        *ngIf=\"helpText && type !== 'hidden'\"\n        [attr.id]=\"buildChildId() + 'Help'\"\n        class=\"form-text text-secondary\"\n        [innerHTML]=\"helpText\"\n    ></small>\n\n    <ng-content></ng-content>\n\n    <input\n        [class.is-invalid]=\"hasErrorsToDisplay() || hasInheritErrorFromParent()\"\n        [class.clearable-input]=\"displayClearButton() | async\"\n        class=\"form-control\"\n        [name]=\"name || label\"\n        [attr.maxlength]=\"getMaxLength()\"\n        [attr.autocomplete]=\"getAutoComplete()\"\n        [attr.autocapitalize]=\"autocapitalize\"\n        [attr.disabled]=\"disabled ? 'disabled' : null\"\n        [attr.type]=\"type\"\n        [attr.pattern]=\"pattern\"\n        [attr.min]=\"min\"\n        [attr.max]=\"max\"\n        [attr.id]=\"buildChildId()\"\n        [attr.aria-describedby]=\"getDescribedBy()\"\n        [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n        [attr.aria-required]=\"required || null\"\n        [ngModel]=\"model\"\n        (paste)=\"onPaste($event)\"\n        (ngModelChange)=\"updateNgModel($event)\"\n        (input)=\"handleChange(entryComponent.value)\"\n        (keydown)=\"onKeydown($event)\"\n        (blur)=\"onBlur($event)\"\n        (focus)=\"onFocus($event)\"\n        #entryComponent\n    />\n\n    <button\n        type=\"button\"\n        [id]=\"buildChildId() + 'ClearButton'\"\n        *ngIf=\"displayClearButton() | async\"\n        class=\"clearable-input-clear-button btn\"\n        (click)=\"onClear()\"\n    >\n        <foehn-icon-times\n            class=\"clearable-input-clear-button-icon\"\n            title=\"R\u00E9initialiser le champs\"\n        ></foehn-icon-times>\n    </button>\n</div>\n", styles: ["input::-ms-clear{display:none}input.clearable-input{padding-right:30px}.clearable-input-form-group{position:relative}:host ::ng-deep foehn-help-modal>.btn{padding-top:0!important;margin-top:0!important}.clearable-input-clear-button{position:absolute;bottom:4px;right:4px;height:30px;width:30px;background:none;border:none}.clearable-input-clear-button-icon{top:4px;right:8px;position:absolute}:host ::ng-deep .clearable-input-clear-button.btn .svg-inline--fa{color:#595959!important}:host ::ng-deep .clearable-input-clear-button.btn:hover .svg-inline--fa{color:#000!important}.chars-remaining{color:#757575;font-size:.9rem}.char-count-exceeded{color:#c21f39}:host ::ng-deep .sameLine-list{display:inline;list-style:none;padding:0}:host ::ng-deep .sameLine-list li{display:inline;padding:3px}\n"], components: [{ type: FoehnHelpModalComponent, selector: "foehn-help-modal", inputs: ["modalContent"] }, { type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }, { type: FoehnIconTimesComponent, selector: "foehn-icon-times" }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i5.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { type: i5.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "fromDictionary": SdkDictionaryPipe, "async": i3.AsyncPipe } });
+    ], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div\n    class=\"form-group clearable-input-form-group\"\n    [class.has-danger]=\"hasErrorsToDisplay()\"\n    [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n    [attr.id]=\"buildId('Container')\"\n    tabindex=\"-1\"\n>\n    <div class=\"d-flex justify-content-between\">\n        <label\n            style=\"display: inline-block\"\n            [attr.for]=\"buildChildId()\"\n            *ngIf=\"label && type !== 'hidden'\"\n            [ngClass]=\"isLabelSrOnly ? 'sr-only' : labelStyleModifier\"\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        </label>\n\n        <foehn-help-modal\n            class=\"removePaddingButton\"\n            *ngIf=\"!!helpModal\"\n            [modalContent]=\"helpModal\"\n        ></foehn-help-modal>\n    </div>\n\n    <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n    <small\n        *ngIf=\"helpText && type !== 'hidden'\"\n        [attr.id]=\"buildChildId() + 'Help'\"\n        class=\"form-text text-secondary\"\n        [innerHTML]=\"helpText\"\n    ></small>\n\n    <ng-content></ng-content>\n\n    <input\n        [class.is-invalid]=\"hasErrorsToDisplay() || hasInheritErrorFromParent()\"\n        [class.clearable-input]=\"displayClearButton() | async\"\n        class=\"form-control\"\n        [name]=\"name || label\"\n        [attr.maxlength]=\"getMaxLength()\"\n        [attr.autocomplete]=\"getAutoComplete()\"\n        [attr.autocapitalize]=\"autocapitalize\"\n        [attr.disabled]=\"disabled ? 'disabled' : null\"\n        [attr.type]=\"type\"\n        [attr.pattern]=\"pattern\"\n        [attr.min]=\"min\"\n        [attr.max]=\"max\"\n        [attr.id]=\"buildChildId()\"\n        [attr.aria-describedby]=\"getDescribedBy()\"\n        [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n        [attr.aria-required]=\"required || null\"\n        [ngModel]=\"model\"\n        (paste)=\"onPaste($event)\"\n        (ngModelChange)=\"updateNgModel($event)\"\n        (input)=\"handleChange(entryComponent.value)\"\n        (keydown)=\"onKeydown($event)\"\n        (blur)=\"onBlur($event)\"\n        (focus)=\"onFocus($event)\"\n        #entryComponent\n    />\n\n    <button\n        type=\"button\"\n        [id]=\"buildChildId() + 'ClearButton'\"\n        *ngIf=\"displayClearButton() | async\"\n        class=\"clearable-input-clear-button btn\"\n        (click)=\"onClear()\"\n    >\n        <foehn-icon-times\n            class=\"clearable-input-clear-button-icon\"\n            title=\"R\u00E9initialiser le champs\"\n        ></foehn-icon-times>\n    </button>\n</div>\n", styles: ["input::-ms-clear{display:none}input.clearable-input{padding-right:30px}.clearable-input-form-group{position:relative}:host ::ng-deep foehn-help-modal>.btn{padding-top:0!important;margin-top:0!important}.clearable-input-clear-button{position:absolute;bottom:4px;right:4px;height:30px;width:30px;background:none;border:none}.clearable-input-clear-button-icon{top:4px;right:8px;position:absolute}:host ::ng-deep .clearable-input-clear-button.btn .svg-inline--fa{color:#595959!important}:host ::ng-deep .clearable-input-clear-button.btn:hover .svg-inline--fa{color:#000!important}.chars-remaining{color:#757575;font-size:.9rem}.char-count-exceeded{color:#c21f39}:host ::ng-deep .sameLine-list{display:inline;list-style:none;padding:0}:host ::ng-deep .sameLine-list li{display:inline;padding:3px}\n"], components: [{ type: FoehnHelpModalComponent, selector: "foehn-help-modal", inputs: ["modalContent"] }, { type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }, { type: FoehnIconTimesComponent, selector: "foehn-icon-times" }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i5.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { type: i5.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "fromDictionary": SdkDictionaryPipe, "async": i3.AsyncPipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FoehnInputNumberComponent, decorators: [{
             type: Component,
             args: [{ selector: 'foehn-input-number', providers: [