Merge pull request UiPath#339 from UiPath/feat/suggest_aria_label

feat(suggest): add input for aria-label

Author: CatalinB7

CHANGELOG.md

@@ -1,3 +1,10 @@
+# v14.7.9 (2023-05-11)
+* **suggest** add input for aria-label
+* **chore** bump version to v14.7.8
+* **fix** display outline on suggest grid filter
+* **chore** bump version to v14.7.7
+* **suggest** add aria-selected to item
+
 # v14.7.8 (2023-05-10)
 * **fix** display outline on suggest grid filter
 

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "angular-components",
-  "version": "14.7.8",
+  "version": "14.7.9",
   "author": {
     "name": "UiPath Inc",
     "url": "https://uipath.com"

package.json

@@ -21,7 +21,7 @@
                  [uiAutofocus]="!isOpen && focus"
                  [refocus]="!isOpen && focus"
                  [matRippleDisabled]="isFormControl"
-                 [attr.aria-label]="placeholder"
+                 [attr.aria-label]="ariaLabel ?? placeholder"
                  [attr.aria-describedby]="describedBy"
                  [attr.aria-required]="required"
                  [attr.aria-disabled]="disabled || readonly"
@@ -80,7 +80,7 @@
         <ng-template #chipsTemplate>
             <mat-chip-list #chipList
                            [attr.tabindex]="!disabled && !readonly ? 0 : null"
-                           [attr.aria-label]="placeholder"
+                           [attr.aria-label]="ariaLabel ?? placeholder"
                            [attr.aria-describedby]="describedBy"
                            [attr.aria-required]="required"
                            [attr.aria-disabled]="disabled || readonly"
@@ -130,7 +130,7 @@
                            [formControl]="inputControl"
                            [matChipInputFor]="chipList"
                            [attr.maxlength]="maxLength"
-                           [attr.aria-label]="placeholder"
+                           [attr.aria-label]="ariaLabel ?? placeholder"
                            selectionLocation="end"
                            autocomplete="off"
                            aria-autocomplete="list"

projects/angular/components/ui-suggest/src/ui-suggest.component.html

@@ -110,6 +110,13 @@ export abstract class UiSuggestMatFormFieldDirective implements
     @Input()
     shouldHideTitle = false;
 
+    /**
+     * Sets aria-label on input or mat-chip-list element.
+     *
+     */
+    @Input('aria-label')
+    ariaLabel: string | null = null;
+
     /**
      * Set a custom size for the list items.
      *

projects/angular/components/ui-suggest/src/ui-suggest.mat-form-field.ts

@@ -1,6 +1,6 @@
 {
     "name": "@uipath/angular",
-    "version": "14.7.8",
+    "version": "14.7.9",
     "license": "MIT",
     "author": {
         "name": "UiPath Inc",