diff --git a/packages/angular-sdk-components/src/lib/_components/field/percentage/percentage.component.html b/packages/angular-sdk-components/src/lib/_components/field/percentage/percentage.component.html index 65836823..0bb9a409 100644 --- a/packages/angular-sdk-components/src/lib/_components/field/percentage/percentage.component.html +++ b/packages/angular-sdk-components/src/lib/_components/field/percentage/percentage.component.html @@ -29,6 +29,7 @@ (change)="fieldOnChange($event)" (blur)="fieldOnBlur($event)" [readonly]="bReadonly$" + [value]="value$" /> {{ getErrorMessage() }} diff --git a/packages/angular-sdk-components/src/lib/_components/field/percentage/percentage.component.ts b/packages/angular-sdk-components/src/lib/_components/field/percentage/percentage.component.ts index 5fb63515..1fd7628c 100644 --- a/packages/angular-sdk-components/src/lib/_components/field/percentage/percentage.component.ts +++ b/packages/angular-sdk-components/src/lib/_components/field/percentage/percentage.component.ts @@ -113,11 +113,8 @@ export class PercentageComponent implements OnInit, OnDestroy { this.label$ = this.configProps$.label; this.displayMode$ = this.configProps$.displayMode; this.inputMode = NgxCurrencyInputMode.Natural; - let nValue: any = this.configProps$.value; + const nValue: any = this.configProps$.value; if (nValue) { - if (typeof nValue === 'string') { - nValue = parseInt(nValue, 10); - } this.value$ = nValue; } this.helperText = this.configProps$.helperText; @@ -178,11 +175,11 @@ export class PercentageComponent implements OnInit, OnDestroy { const propName = this.pConn$?.getStateProps()?.value; let value = event?.target?.value; value = value ? value.replace(/%/g, '') : ''; - if (this.currSep === ',') { - value = value.replace(/,/g, ''); - } else { + if (this.currSep === '.') { value = value?.replace(/\./g, ''); value = value?.replace(/,/g, '.'); + } else { + value = value.replace(/,/g, ''); } handleEvent(actionsApi, 'changeNblur', propName, value); }