From 4124a49f410f703af4935b4f354ce6a8c4359ab7 Mon Sep 17 00:00:00 2001
From: Tomasz Nastaly <tomasz.nastaly@hyland.com>
Date: Thu, 30 Jan 2025 20:30:59 +0100
Subject: [PATCH] AAE-30141 Fix broken amount field (#10588)

---
 .../widgets/amount/amount.widget.html         | 56 ++++++++++++-------
 1 file changed, 35 insertions(+), 21 deletions(-)

diff --git a/lib/core/src/lib/form/components/widgets/amount/amount.widget.html b/lib/core/src/lib/form/components/widgets/amount/amount.widget.html
index d840047233..54e4207a1e 100644
--- a/lib/core/src/lib/form/components/widgets/amount/amount.widget.html
+++ b/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>