AAE-30141 Fix broken amount field (#10588)

Author: tomson7777

lib/core/src/lib/form/components/widgets/amount/amount.widget.html

@@ -1,22 +1,36 @@
-<div class="adf-amount-widget__container adf-amount-widget {{field.className}}"
-       [class.adf-invalid]="!field.isValid && isTouched()" [class.adf-readonly]="field.readOnly"
-       [class.adf-left-label-input-container]="field.leftLabels">
-       <div *ngIf="field.leftLabels">
-              <label class="adf-label adf-left-label" [attr.for]="field.id">{{field.name | translate }}<span class="adf-asterisk" *ngIf="isRequired()">*</span></label>
-       </div>
-       <div>
-              <mat-form-field class="adf-amount-widget__input" [hideRequiredMarker]="true">
-                     <label class="adf-label" *ngIf="!field.leftLabels" [attr.for]="field.id">{{field.name | translate }}<span class="adf-asterisk" *ngIf="isRequired()">*</span></label>
-                     <span matTextPrefix class="adf-amount-widget__prefix-spacing">{{ currency }} &nbsp;</span>
-                     <input matInput
-                            [title]="field.tooltip"
-                            class="adf-input" type="text" [id]="field.id" [required]="isRequired()"
-                            [placeholder]="placeholder" [value]="field.value" [(ngModel)]="field.value"
-                            (ngModelChange)="onFieldChanged(field)" [disabled]="field.readOnly"
-                            (blur)="markAsTouched()">
-              </mat-form-field>
-              <error-widget [error]="field.validationSummary" />
-              <error-widget *ngIf="isInvalidFieldRequired() && isTouched()"
-                     required="{{ 'FORM.FIELD.REQUIRED' | translate }}" />
-       </div>
+<div
+    class="adf-amount-widget__container adf-amount-widget {{field.className}}"
+    [class.adf-invalid]="!field.isValid && isTouched()"
+    [class.adf-readonly]="field.readOnly"
+    [class.adf-left-label-input-container]="field.leftLabels"
+>
+    <div *ngIf="field.leftLabels">
+        <label class="adf-label adf-left-label" [attr.for]="field.id"
+            >{{field.name | translate }}<span class="adf-asterisk" *ngIf="isRequired()">*</span></label
+        >
+    </div>
+    <div>
+        <mat-form-field class="adf-amount-widget__input" [hideRequiredMarker]="true">
+            <label class="adf-label" *ngIf="!field.leftLabels" [attr.for]="field.id"
+                >{{field.name | translate }}<span class="adf-asterisk" [style.visibility]="isRequired() ? 'visible' : 'hidden'">*</span></label
+            >
+            <span matTextPrefix class="adf-amount-widget__prefix-spacing">{{ currency }} &nbsp;</span>
+            <input
+                matInput
+                [title]="field.tooltip"
+                class="adf-input"
+                type="text"
+                [id]="field.id"
+                [required]="isRequired()"
+                [placeholder]="placeholder"
+                [value]="field.value"
+                [(ngModel)]="field.value"
+                (ngModelChange)="onFieldChanged(field)"
+                [disabled]="field.readOnly"
+                (blur)="markAsTouched()"
+            />
+        </mat-form-field>
+        <error-widget [error]="field.validationSummary" />
+        <error-widget *ngIf="isInvalidFieldRequired() && isTouched()" required="{{ 'FORM.FIELD.REQUIRED' | translate }}" />
+    </div>
 </div>