Fixed the percentage issue (#241)

* Fixed the percentage issue


---------

Co-authored-by: mashm <[email protected]>

Author: 4manasa

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$"
         />
         <mat-error *ngIf="fieldControl.invalid">{{ getErrorMessage() }}</mat-error>
       </mat-form-field>

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);
   }