From b5310f6b8915e459f5f6f214679600ec56d7d355 Mon Sep 17 00:00:00 2001
From: Aayush Rohila <112551534+arohilaGL@users.noreply.github.com>
Date: Fri, 24 Feb 2023 02:46:24 +0530
Subject: [PATCH] [ACS-4294] Added title to clear button and changed its icon
 type to clear from close (#8270)

* Added label to clear button and changed icon from close to clear

* Added the label to icon

* changed from property binding to attribute binding
---
 lib/content-services/src/lib/i18n/en.json                      | 1 +
 .../search-facet-field/search-facet-field.component.html       | 3 ++-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/lib/content-services/src/lib/i18n/en.json b/lib/content-services/src/lib/i18n/en.json
index 2d98b19dcd8..b38d8055322 100644
--- a/lib/content-services/src/lib/i18n/en.json
+++ b/lib/content-services/src/lib/i18n/en.json
@@ -245,6 +245,7 @@
       },
       "BUTTONS": {
         "CLOSE": "Close",
+        "CLEAR": "Clear",
         "REMOVE": "Remove",
         "APPLY": "Apply",
         "CLEAR-ALL": {
diff --git a/lib/content-services/src/lib/search/components/search-facet-field/search-facet-field.component.html b/lib/content-services/src/lib/search/components/search-facet-field/search-facet-field.component.html
index 57d13bdbb8f..1b0de7df584 100644
--- a/lib/content-services/src/lib/search/components/search-facet-field/search-facet-field.component.html
+++ b/lib/content-services/src/lib/search/components/search-facet-field/search-facet-field.component.html
@@ -8,8 +8,9 @@
                 <input matInput placeholder="{{ 'SEARCH.FILTER.ACTIONS.SEARCH' | translate }}"
                        [attr.data-automation-id]="'facet-result-filter-'+field.label" [(ngModel)]="field.buckets.filterText">
                 <button *ngIf="field.buckets.filterText" mat-button matSuffix mat-icon-button
+                        [attr.title]="'SEARCH.FILTER.BUTTONS.CLEAR' | translate"
                         (click)="field.buckets.filterText = ''">
-                    <mat-icon role="button" [attr.aria-label]="'SEARCH.FILTER.BUTTONS.CLOSE' | translate">close</mat-icon>
+                    <mat-icon role="button" [attr.aria-label]="'SEARCH.FILTER.BUTTONS.CLEAR' | translate">clear</mat-icon>
                 </button>
             </mat-form-field>
         </div>