From bbc3d16b44f1143f2cd5983bd8a92e0c56474d90 Mon Sep 17 00:00:00 2001
From: Vladyslav_Prykhodko <vprykhodko@thingsboard.io>
Date: Thu, 14 Sep 2023 17:57:10 +0300
Subject: [PATCH] UI: Added default color for mat-hint; Added onTouch event for
 string items list component

---
 .../app/shared/components/string-items-list.component.html   | 1 +
 .../src/app/shared/components/string-items-list.component.ts | 5 +++--
 ui-ngx/src/theme-overwrites.scss                             | 5 +++++
 3 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/ui-ngx/src/app/shared/components/string-items-list.component.html b/ui-ngx/src/app/shared/components/string-items-list.component.html
index 7416e96870..41723ce3d7 100644
--- a/ui-ngx/src/app/shared/components/string-items-list.component.html
+++ b/ui-ngx/src/app/shared/components/string-items-list.component.html
@@ -29,6 +29,7 @@
       <mat-icon matChipRemove *ngIf="!disabled">close</mat-icon>
     </mat-chip-row>
     <input matInput type="text"
+           (blur)="onTouched()"
            placeholder="{{ placeholder }}"
            style="max-width: 300px;min-width: 250px"
            #stringItemInput
diff --git a/ui-ngx/src/app/shared/components/string-items-list.component.ts b/ui-ngx/src/app/shared/components/string-items-list.component.ts
index 274f12fd3a..48a7e740cb 100644
--- a/ui-ngx/src/app/shared/components/string-items-list.component.ts
+++ b/ui-ngx/src/app/shared/components/string-items-list.component.ts
@@ -120,8 +120,8 @@ export class StringItemsListComponent implements ControlValueAccessor, OnInit {
     return this.stringItemsForm.get('item');
   }
 
-  private propagateChange = (v: any) => {
-  };
+  onTouched = () => {};
+  private propagateChange: (value: any) => void = () => {};
   private dirty = false;
 
   constructor(private fb: FormBuilder) {
@@ -159,6 +159,7 @@ export class StringItemsListComponent implements ControlValueAccessor, OnInit {
   }
 
   registerOnTouched(fn: any): void {
+    this.onTouched = fn;
   }
 
   setDisabledState(isDisabled: boolean): void {
diff --git a/ui-ngx/src/theme-overwrites.scss b/ui-ngx/src/theme-overwrites.scss
index 6b4995664e..f16eead0e1 100644
--- a/ui-ngx/src/theme-overwrites.scss
+++ b/ui-ngx/src/theme-overwrites.scss
@@ -52,6 +52,11 @@
       }
     }
   }
+  .mat-mdc-form-field {
+    .mat-mdc-form-field-hint-wrapper {
+      color: rgba(0, 0, 0, 0.6);
+    }
+  }
 }
 
 @mixin _mat-button-overwrites($primary, $config-or-theme) {