[ACS-4294] Added title to clear button and changed its icon type to c…

…lear 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

@@ -245,6 +245,7 @@
       },
       "BUTTONS": {
         "CLOSE": "Close",
+        "CLEAR": "Clear",
         "REMOVE": "Remove",
         "APPLY": "Apply",
         "CLEAR-ALL": {

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>