@progress/kendo-vue-dropdowns 3.12.1-dev.202308170413 → 3.13.0-dev.202308240911

package/dist/es/AutoComplete/AutoComplete.js

@@ -108,6 +108,10 @@ var AutoCompleteVue2 = {
       type: [Boolean, String],
       default: false
     },
+    ariaLabel: {
+      type: String,
+      default: undefined
+    },
     ariaLabelledBy: String,
     ariaDescribedBy: String,
     rounded: {
@@ -602,7 +606,8 @@ var AutoCompleteVue2 = {
             owns: base.listBoxId,
             activedescendant: 'option-' + base.guid + '-' + this.focusedIndex(),
             ariaLabelledBy: this.$props.ariaLabelledBy,
-            ariaDescribedBy: this.$props.ariaDescribedBy
+            ariaDescribedBy: this.$props.ariaDescribedBy,
+            ariaLabel: this.$props.ariaLabel
           },
           placeholder: placeholder,
           tabIndex: tabIndex || undefined,
@@ -632,7 +637,8 @@ var AutoCompleteVue2 = {
           activedescendant: 'option-' + base.guid + '-' + this.focusedIndex(),
           onClearbuttonclick: this.clearButtonClick,
           ariaLabelledBy: this.$props.ariaLabelledBy,
-          ariaDescribedBy: this.$props.ariaDescribedBy
+          ariaDescribedBy: this.$props.ariaDescribedBy,
+          ariaLabel: this.$props.ariaLabel
         })
       );
     };

package/dist/es/AutoComplete/AutoCompleteProps.d.ts

@@ -124,6 +124,10 @@ export interface AutoCompleteProps extends FormComponentProps {
      * Identifies the element(s) which will label the component.
      */
     ariaLabelledBy?: string;
+    /**
+     * Defines the [aria-label](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label) attribute of the component.
+     */
+    ariaLabel?: string;
     /**
      * If set, the AutoComplete will use it to get the focused item index.
      *

package/dist/es/ComboBox/ComboBox.js

@@ -147,6 +147,10 @@ var ComboBoxVue2 = {
       type: Boolean,
       default: true
     },
+    ariaLabel: {
+      type: String,
+      default: undefined
+    },
     ariaLabelledBy: String,
     ariaDescribedBy: String,
     valueField: String,
@@ -987,7 +991,8 @@ var ComboBoxVue2 = {
             owns: this.base.listBoxId,
             activedescendant: this.base.guid + '-' + (selectedIndex + virtual.skip),
             ariaLabelledBy: this.$props.ariaLabelledBy,
-            ariaDescribedBy: this.$props.ariaDescribedBy
+            ariaDescribedBy: this.$props.ariaDescribedBy,
+            ariaLabel: this.$props.ariaLabel
           },
           placeholder: placeholder,
           tabIndex: tabIndex || undefined,
@@ -1012,7 +1017,8 @@ var ComboBoxVue2 = {
           owns: this.base.listBoxId,
           activedescendant: this.base.guid + '-' + (selectedIndex + virtual.skip),
           ariaLabelledBy: this.$props.ariaLabelledBy,
-          ariaDescribedBy: this.$props.ariaDescribedBy
+          ariaDescribedBy: this.$props.ariaDescribedBy,
+          ariaLabel: this.$props.ariaLabel
         })
       );
     };

package/dist/es/ComboBox/ComboBoxProps.d.ts

@@ -162,6 +162,10 @@ export interface ComboBoxProps extends FormComponentProps {
      * Identifies the element(s) which will label the component.
      */
     ariaLabelledBy?: string;
+    /**
+     * Defines the [aria-label](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label) attribute of the component.
+     */
+    ariaLabel?: string;
     /**
      * If set, the ComboBox will use it to get the focused item index.
      *

package/dist/es/DropDownList/DropDownListProps.d.ts

@@ -59,7 +59,7 @@ export interface DropDownListProps extends FormComponentProps {
      */
     ariaLabelledBy?: string;
     /**
-     * Adds aris-label for the component.
+     * Defines the [aria-label](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label) attribute of the component.
      */
     ariaLabel?: string;
     /**

package/dist/es/DropDownTree/DropDownTree.js

@@ -139,6 +139,10 @@ var DropDownTreeVue2 = {
     required: Boolean,
     name: String,
     id: String,
+    ariaLabel: {
+      type: String,
+      default: undefined
+    },
     ariaLabelledBy: String,
     ariaDescribedBy: String,
     filterable: Boolean,
@@ -338,7 +342,7 @@ var DropDownTreeVue2 = {
         "aria-haspopup": "tree",
         "aria-expanded": this.isOpen,
         "aria-disabled": disabled,
-        "aria-label": label,
+        "aria-label": label || this.$props.ariaLabel,
         "aria-labelledby": this.$props.ariaLabelledBy,
         "aria-describedby": this.$props.ariaDescribedBy,
         "aria-required": required
@@ -363,7 +367,7 @@ var DropDownTreeVue2 = {
       "aria-haspopup": "tree",
       "aria-expanded": this.isOpen,
       "aria-disabled": disabled,
-      "aria-label": label,
+      "aria-label": label || this.$props.ariaLabel,
       "aria-labelledby": this.$props.ariaLabelledBy,
       "aria-describedby": this.$props.ariaDescribedBy,
       "aria-required": required

package/dist/es/DropDownTree/DropDownTreeProps.d.ts

@@ -130,6 +130,10 @@ export interface DropDownTreeProps extends FormComponentProps {
      * Identifies the element(s) which will label the component.
      */
     ariaLabelledBy?: string;
+    /**
+     * Defines the [aria-label](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label) attribute of the component.
+     */
+    ariaLabel?: string;
     /**
      * Enables the filtering functionality of the DropDownTree ([more information and examples]({% slug filtering_dropdowntree %})).
      */

package/dist/es/MultiSelect/MultiSelect.js

@@ -155,6 +155,10 @@ var MultiSelectVue2 = {
       type: String,
       default: undefined
     },
+    ariaLabel: {
+      type: String,
+      default: undefined
+    },
     ariaLabelledBy: String,
     ariaDescribedBy: String,
     rounded: {
@@ -934,7 +938,8 @@ var MultiSelectVue2 = {
             owns: this.base.listBoxId,
             activedescendant: ariaActivedescendant,
             "aria-describedBy": "tagslist-".concat(this.base.guid).concat(this.$props.ariaDescribedBy ? ' ' + this.$props.ariaDescribedBy : ''),
-            "aria-labelledBy": this.$props.ariaLabelledBy
+            "aria-labelledBy": this.$props.ariaLabelledBy,
+            "aria-label": this.$props.ariaLabel
           },
           size: Math.max((placeholderToShow || '').length, searchText.length, 1),
           tabIndex: this.$props.tabIndex,
@@ -957,7 +962,8 @@ var MultiSelectVue2 = {
           owns: this.base.listBoxId,
           activedescendant: ariaActivedescendant,
           "aria-describedBy": "tagslist-".concat(this.base.guid).concat(this.$props.ariaDescribedBy ? ' ' + this.$props.ariaDescribedBy : ''),
-          "aria-labelledBy": this.$props.ariaLabelledBy
+          "aria-labelledBy": this.$props.ariaLabelledBy,
+          "aria-label": this.$props.ariaLabel
         })
       );
     };

package/dist/es/MultiSelect/MultiSelectProps.d.ts

@@ -124,6 +124,10 @@ export interface MultiSelectProps extends FormComponentProps {
      * Identifies the element(s) which will label the component.
      */
     ariaLabelledBy?: string;
+    /**
+     * Defines the [aria-label](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label) attribute of the component.
+     */
+    ariaLabel?: string;
     /**
      * If set, the MultiSelect will use it to get the focused item index.
      *

package/dist/es/common/SearchBar.d.ts

@@ -28,6 +28,7 @@ export interface SearchBarProps {
     clearButtonClick?: any;
     accessKey?: string;
     ariaLabelledBy?: string;
+    ariaLabel?: string;
 }
 /**
  * @hidden

package/dist/es/common/SearchBar.js

@@ -37,7 +37,11 @@ var SearchBarVue2 = {
     describedby: String,
     clearButton: Boolean,
     accessKey: String,
-    ariaLabelledBy: String
+    ariaLabelledBy: String,
+    ariaLabel: {
+      type: String,
+      default: undefined
+    }
   },
   data: function data() {
     return {
@@ -124,7 +128,8 @@ var SearchBarVue2 = {
         "aria-controls": this.$props.owns,
         "aria-activedescendant": this.$props.expanded ? this.$props.activedescendant : undefined,
         "aria-describedby": this.$props.describedby,
-        "aria-labelledby": this.$props.ariaLabelledBy
+        "aria-labelledby": this.$props.ariaLabelledBy,
+        "aria-label": this.$props.ariaLabel
       },
       id: this.$props.id,
       type: "text",
@@ -160,7 +165,8 @@ var SearchBarVue2 = {
       "aria-controls": this.$props.owns,
       "aria-activedescendant": this.$props.expanded ? this.$props.activedescendant : undefined,
       "aria-describedby": this.$props.describedby,
-      "aria-labelledby": this.$props.ariaLabelledBy
+      "aria-labelledby": this.$props.ariaLabelledBy,
+      "aria-label": this.$props.ariaLabel
     });
   }
 };

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-vue-dropdowns',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1692244813,
+    publishDate: 1692867641,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
 };

package/dist/esm/AutoComplete/AutoComplete.js

@@ -108,6 +108,10 @@ var AutoCompleteVue2 = {
       type: [Boolean, String],
       default: false
     },
+    ariaLabel: {
+      type: String,
+      default: undefined
+    },
     ariaLabelledBy: String,
     ariaDescribedBy: String,
     rounded: {
@@ -602,7 +606,8 @@ var AutoCompleteVue2 = {
             owns: base.listBoxId,
             activedescendant: 'option-' + base.guid + '-' + this.focusedIndex(),
             ariaLabelledBy: this.$props.ariaLabelledBy,
-            ariaDescribedBy: this.$props.ariaDescribedBy
+            ariaDescribedBy: this.$props.ariaDescribedBy,
+            ariaLabel: this.$props.ariaLabel
           },
           placeholder: placeholder,
           tabIndex: tabIndex || undefined,
@@ -632,7 +637,8 @@ var AutoCompleteVue2 = {
           activedescendant: 'option-' + base.guid + '-' + this.focusedIndex(),
           onClearbuttonclick: this.clearButtonClick,
           ariaLabelledBy: this.$props.ariaLabelledBy,
-          ariaDescribedBy: this.$props.ariaDescribedBy
+          ariaDescribedBy: this.$props.ariaDescribedBy,
+          ariaLabel: this.$props.ariaLabel
         })
       );
     };

package/dist/esm/AutoComplete/AutoCompleteProps.d.ts

@@ -124,6 +124,10 @@ export interface AutoCompleteProps extends FormComponentProps {
      * Identifies the element(s) which will label the component.
      */
     ariaLabelledBy?: string;
+    /**
+     * Defines the [aria-label](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label) attribute of the component.
+     */
+    ariaLabel?: string;
     /**
      * If set, the AutoComplete will use it to get the focused item index.
      *

package/dist/esm/ComboBox/ComboBox.js

@@ -147,6 +147,10 @@ var ComboBoxVue2 = {
       type: Boolean,
       default: true
     },
+    ariaLabel: {
+      type: String,
+      default: undefined
+    },
     ariaLabelledBy: String,
     ariaDescribedBy: String,
     valueField: String,
@@ -987,7 +991,8 @@ var ComboBoxVue2 = {
             owns: this.base.listBoxId,
             activedescendant: this.base.guid + '-' + (selectedIndex + virtual.skip),
             ariaLabelledBy: this.$props.ariaLabelledBy,
-            ariaDescribedBy: this.$props.ariaDescribedBy
+            ariaDescribedBy: this.$props.ariaDescribedBy,
+            ariaLabel: this.$props.ariaLabel
           },
           placeholder: placeholder,
           tabIndex: tabIndex || undefined,
@@ -1012,7 +1017,8 @@ var ComboBoxVue2 = {
           owns: this.base.listBoxId,
           activedescendant: this.base.guid + '-' + (selectedIndex + virtual.skip),
           ariaLabelledBy: this.$props.ariaLabelledBy,
-          ariaDescribedBy: this.$props.ariaDescribedBy
+          ariaDescribedBy: this.$props.ariaDescribedBy,
+          ariaLabel: this.$props.ariaLabel
         })
       );
     };

package/dist/esm/ComboBox/ComboBoxProps.d.ts

@@ -162,6 +162,10 @@ export interface ComboBoxProps extends FormComponentProps {
      * Identifies the element(s) which will label the component.
      */
     ariaLabelledBy?: string;
+    /**
+     * Defines the [aria-label](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label) attribute of the component.
+     */
+    ariaLabel?: string;
     /**
      * If set, the ComboBox will use it to get the focused item index.
      *

package/dist/esm/DropDownList/DropDownListProps.d.ts

@@ -59,7 +59,7 @@ export interface DropDownListProps extends FormComponentProps {
      */
     ariaLabelledBy?: string;
     /**
-     * Adds aris-label for the component.
+     * Defines the [aria-label](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label) attribute of the component.
      */
     ariaLabel?: string;
     /**

package/dist/esm/DropDownTree/DropDownTree.js

@@ -139,6 +139,10 @@ var DropDownTreeVue2 = {
     required: Boolean,
     name: String,
     id: String,
+    ariaLabel: {
+      type: String,
+      default: undefined
+    },
     ariaLabelledBy: String,
     ariaDescribedBy: String,
     filterable: Boolean,
@@ -338,7 +342,7 @@ var DropDownTreeVue2 = {
         "aria-haspopup": "tree",
         "aria-expanded": this.isOpen,
         "aria-disabled": disabled,
-        "aria-label": label,
+        "aria-label": label || this.$props.ariaLabel,
         "aria-labelledby": this.$props.ariaLabelledBy,
         "aria-describedby": this.$props.ariaDescribedBy,
         "aria-required": required
@@ -363,7 +367,7 @@ var DropDownTreeVue2 = {
       "aria-haspopup": "tree",
       "aria-expanded": this.isOpen,
       "aria-disabled": disabled,
-      "aria-label": label,
+      "aria-label": label || this.$props.ariaLabel,
       "aria-labelledby": this.$props.ariaLabelledBy,
       "aria-describedby": this.$props.ariaDescribedBy,
       "aria-required": required

package/dist/esm/DropDownTree/DropDownTreeProps.d.ts

@@ -130,6 +130,10 @@ export interface DropDownTreeProps extends FormComponentProps {
      * Identifies the element(s) which will label the component.
      */
     ariaLabelledBy?: string;
+    /**
+     * Defines the [aria-label](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label) attribute of the component.
+     */
+    ariaLabel?: string;
     /**
      * Enables the filtering functionality of the DropDownTree ([more information and examples]({% slug filtering_dropdowntree %})).
      */

package/dist/esm/MultiSelect/MultiSelect.js

@@ -155,6 +155,10 @@ var MultiSelectVue2 = {
       type: String,
       default: undefined
     },
+    ariaLabel: {
+      type: String,
+      default: undefined
+    },
     ariaLabelledBy: String,
     ariaDescribedBy: String,
     rounded: {
@@ -934,7 +938,8 @@ var MultiSelectVue2 = {
             owns: this.base.listBoxId,
             activedescendant: ariaActivedescendant,
             "aria-describedBy": "tagslist-".concat(this.base.guid).concat(this.$props.ariaDescribedBy ? ' ' + this.$props.ariaDescribedBy : ''),
-            "aria-labelledBy": this.$props.ariaLabelledBy
+            "aria-labelledBy": this.$props.ariaLabelledBy,
+            "aria-label": this.$props.ariaLabel
           },
           size: Math.max((placeholderToShow || '').length, searchText.length, 1),
           tabIndex: this.$props.tabIndex,
@@ -957,7 +962,8 @@ var MultiSelectVue2 = {
           owns: this.base.listBoxId,
           activedescendant: ariaActivedescendant,
           "aria-describedBy": "tagslist-".concat(this.base.guid).concat(this.$props.ariaDescribedBy ? ' ' + this.$props.ariaDescribedBy : ''),
-          "aria-labelledBy": this.$props.ariaLabelledBy
+          "aria-labelledBy": this.$props.ariaLabelledBy,
+          "aria-label": this.$props.ariaLabel
         })
       );
     };

package/dist/esm/MultiSelect/MultiSelectProps.d.ts

@@ -124,6 +124,10 @@ export interface MultiSelectProps extends FormComponentProps {
      * Identifies the element(s) which will label the component.
      */
     ariaLabelledBy?: string;
+    /**
+     * Defines the [aria-label](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label) attribute of the component.
+     */
+    ariaLabel?: string;
     /**
      * If set, the MultiSelect will use it to get the focused item index.
      *

package/dist/esm/common/SearchBar.d.ts

@@ -28,6 +28,7 @@ export interface SearchBarProps {
     clearButtonClick?: any;
     accessKey?: string;
     ariaLabelledBy?: string;
+    ariaLabel?: string;
 }
 /**
  * @hidden

package/dist/esm/common/SearchBar.js

@@ -37,7 +37,11 @@ var SearchBarVue2 = {
     describedby: String,
     clearButton: Boolean,
     accessKey: String,
-    ariaLabelledBy: String
+    ariaLabelledBy: String,
+    ariaLabel: {
+      type: String,
+      default: undefined
+    }
   },
   data: function data() {
     return {
@@ -124,7 +128,8 @@ var SearchBarVue2 = {
         "aria-controls": this.$props.owns,
         "aria-activedescendant": this.$props.expanded ? this.$props.activedescendant : undefined,
         "aria-describedby": this.$props.describedby,
-        "aria-labelledby": this.$props.ariaLabelledBy
+        "aria-labelledby": this.$props.ariaLabelledBy,
+        "aria-label": this.$props.ariaLabel
       },
       id: this.$props.id,
       type: "text",
@@ -160,7 +165,8 @@ var SearchBarVue2 = {
       "aria-controls": this.$props.owns,
       "aria-activedescendant": this.$props.expanded ? this.$props.activedescendant : undefined,
       "aria-describedby": this.$props.describedby,
-      "aria-labelledby": this.$props.ariaLabelledBy
+      "aria-labelledby": this.$props.ariaLabelledBy,
+      "aria-label": this.$props.ariaLabel
     });
   }
 };

package/dist/esm/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-vue-dropdowns',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1692244813,
+    publishDate: 1692867641,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
 };

package/dist/npm/AutoComplete/AutoComplete.js

@@ -114,6 +114,10 @@ var AutoCompleteVue2 = {
       type: [Boolean, String],
       default: false
     },
+    ariaLabel: {
+      type: String,
+      default: undefined
+    },
     ariaLabelledBy: String,
     ariaDescribedBy: String,
     rounded: {
@@ -608,7 +612,8 @@ var AutoCompleteVue2 = {
             owns: base.listBoxId,
             activedescendant: 'option-' + base.guid + '-' + this.focusedIndex(),
             ariaLabelledBy: this.$props.ariaLabelledBy,
-            ariaDescribedBy: this.$props.ariaDescribedBy
+            ariaDescribedBy: this.$props.ariaDescribedBy,
+            ariaLabel: this.$props.ariaLabel
           },
           placeholder: placeholder,
           tabIndex: tabIndex || undefined,
@@ -638,7 +643,8 @@ var AutoCompleteVue2 = {
           activedescendant: 'option-' + base.guid + '-' + this.focusedIndex(),
           onClearbuttonclick: this.clearButtonClick,
           ariaLabelledBy: this.$props.ariaLabelledBy,
-          ariaDescribedBy: this.$props.ariaDescribedBy
+          ariaDescribedBy: this.$props.ariaDescribedBy,
+          ariaLabel: this.$props.ariaLabel
         })
       );
     };

package/dist/npm/AutoComplete/AutoCompleteProps.d.ts

@@ -124,6 +124,10 @@ export interface AutoCompleteProps extends FormComponentProps {
      * Identifies the element(s) which will label the component.
      */
     ariaLabelledBy?: string;
+    /**
+     * Defines the [aria-label](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label) attribute of the component.
+     */
+    ariaLabel?: string;
     /**
      * If set, the AutoComplete will use it to get the focused item index.
      *

package/dist/npm/ComboBox/ComboBox.js

@@ -153,6 +153,10 @@ var ComboBoxVue2 = {
       type: Boolean,
       default: true
     },
+    ariaLabel: {
+      type: String,
+      default: undefined
+    },
     ariaLabelledBy: String,
     ariaDescribedBy: String,
     valueField: String,
@@ -993,7 +997,8 @@ var ComboBoxVue2 = {
             owns: this.base.listBoxId,
             activedescendant: this.base.guid + '-' + (selectedIndex + virtual.skip),
             ariaLabelledBy: this.$props.ariaLabelledBy,
-            ariaDescribedBy: this.$props.ariaDescribedBy
+            ariaDescribedBy: this.$props.ariaDescribedBy,
+            ariaLabel: this.$props.ariaLabel
           },
           placeholder: placeholder,
           tabIndex: tabIndex || undefined,
@@ -1018,7 +1023,8 @@ var ComboBoxVue2 = {
           owns: this.base.listBoxId,
           activedescendant: this.base.guid + '-' + (selectedIndex + virtual.skip),
           ariaLabelledBy: this.$props.ariaLabelledBy,
-          ariaDescribedBy: this.$props.ariaDescribedBy
+          ariaDescribedBy: this.$props.ariaDescribedBy,
+          ariaLabel: this.$props.ariaLabel
         })
       );
     };

package/dist/npm/ComboBox/ComboBoxProps.d.ts

@@ -162,6 +162,10 @@ export interface ComboBoxProps extends FormComponentProps {
      * Identifies the element(s) which will label the component.
      */
     ariaLabelledBy?: string;
+    /**
+     * Defines the [aria-label](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label) attribute of the component.
+     */
+    ariaLabel?: string;
     /**
      * If set, the ComboBox will use it to get the focused item index.
      *

package/dist/npm/DropDownList/DropDownListProps.d.ts

@@ -59,7 +59,7 @@ export interface DropDownListProps extends FormComponentProps {
      */
     ariaLabelledBy?: string;
     /**
-     * Adds aris-label for the component.
+     * Defines the [aria-label](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label) attribute of the component.
      */
     ariaLabel?: string;
     /**

package/dist/npm/DropDownTree/DropDownTree.js

@@ -143,6 +143,10 @@ var DropDownTreeVue2 = {
     required: Boolean,
     name: String,
     id: String,
+    ariaLabel: {
+      type: String,
+      default: undefined
+    },
     ariaLabelledBy: String,
     ariaDescribedBy: String,
     filterable: Boolean,
@@ -342,7 +346,7 @@ var DropDownTreeVue2 = {
         "aria-haspopup": "tree",
         "aria-expanded": this.isOpen,
         "aria-disabled": disabled,
-        "aria-label": label,
+        "aria-label": label || this.$props.ariaLabel,
         "aria-labelledby": this.$props.ariaLabelledBy,
         "aria-describedby": this.$props.ariaDescribedBy,
         "aria-required": required
@@ -367,7 +371,7 @@ var DropDownTreeVue2 = {
       "aria-haspopup": "tree",
       "aria-expanded": this.isOpen,
       "aria-disabled": disabled,
-      "aria-label": label,
+      "aria-label": label || this.$props.ariaLabel,
       "aria-labelledby": this.$props.ariaLabelledBy,
       "aria-describedby": this.$props.ariaDescribedBy,
       "aria-required": required

package/dist/npm/DropDownTree/DropDownTreeProps.d.ts

@@ -130,6 +130,10 @@ export interface DropDownTreeProps extends FormComponentProps {
      * Identifies the element(s) which will label the component.
      */
     ariaLabelledBy?: string;
+    /**
+     * Defines the [aria-label](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label) attribute of the component.
+     */
+    ariaLabel?: string;
     /**
      * Enables the filtering functionality of the DropDownTree ([more information and examples]({% slug filtering_dropdowntree %})).
      */

package/dist/npm/MultiSelect/MultiSelect.js

@@ -161,6 +161,10 @@ var MultiSelectVue2 = {
       type: String,
       default: undefined
     },
+    ariaLabel: {
+      type: String,
+      default: undefined
+    },
     ariaLabelledBy: String,
     ariaDescribedBy: String,
     rounded: {
@@ -940,7 +944,8 @@ var MultiSelectVue2 = {
             owns: this.base.listBoxId,
             activedescendant: ariaActivedescendant,
             "aria-describedBy": "tagslist-".concat(this.base.guid).concat(this.$props.ariaDescribedBy ? ' ' + this.$props.ariaDescribedBy : ''),
-            "aria-labelledBy": this.$props.ariaLabelledBy
+            "aria-labelledBy": this.$props.ariaLabelledBy,
+            "aria-label": this.$props.ariaLabel
           },
           size: Math.max((placeholderToShow || '').length, searchText.length, 1),
           tabIndex: this.$props.tabIndex,
@@ -963,7 +968,8 @@ var MultiSelectVue2 = {
           owns: this.base.listBoxId,
           activedescendant: ariaActivedescendant,
           "aria-describedBy": "tagslist-".concat(this.base.guid).concat(this.$props.ariaDescribedBy ? ' ' + this.$props.ariaDescribedBy : ''),
-          "aria-labelledBy": this.$props.ariaLabelledBy
+          "aria-labelledBy": this.$props.ariaLabelledBy,
+          "aria-label": this.$props.ariaLabel
         })
       );
     };

package/dist/npm/MultiSelect/MultiSelectProps.d.ts

@@ -124,6 +124,10 @@ export interface MultiSelectProps extends FormComponentProps {
      * Identifies the element(s) which will label the component.
      */
     ariaLabelledBy?: string;
+    /**
+     * Defines the [aria-label](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label) attribute of the component.
+     */
+    ariaLabel?: string;
     /**
      * If set, the MultiSelect will use it to get the focused item index.
      *

package/dist/npm/common/SearchBar.d.ts

@@ -28,6 +28,7 @@ export interface SearchBarProps {
     clearButtonClick?: any;
     accessKey?: string;
     ariaLabelledBy?: string;
+    ariaLabel?: string;
 }
 /**
  * @hidden