@progress/kendo-vue-buttons 3.8.4-dev.202302221749 → 3.8.4-dev.202302231256

package/dist/es/Button.js

@@ -265,11 +265,11 @@ var ButtonVue2 = {
         title: this.title,
         "aria-label": this.ariaLabel,
         "aria-disabled": this.$props.disabled || undefined,
-        "aria-pressed": togglable ? this.currentActive ? true : undefined : undefined
+        "aria-pressed": togglable ? this.currentActive ? true : false : undefined
       },
       "aria-label": this.ariaLabel,
       "aria-disabled": this.$props.disabled || undefined,
-      "aria-pressed": togglable ? this.currentActive ? true : undefined : undefined
+      "aria-pressed": togglable ? this.currentActive ? true : false : undefined
     }, [iconElement.call(this), defaultSlot && h("span", {
       "class": "k-button-text"
     }, [defaultSlot])]);

package/dist/es/Chip/Chip.js

@@ -77,7 +77,11 @@ var ChipVue2 = {
     },
     dataItem: Object,
     selected: Boolean,
-    ariaDescribedBy: String
+    ariaDescribedBy: String,
+    role: {
+      type: String,
+      default: 'button'
+    }
   },
   // @ts-ignore
   emits: {

package/dist/es/Chip/ChipList.js

@@ -203,7 +203,9 @@ var ChipListVue2 = {
         dir: this.currentDir,
         tabindex: getTabIndex(this.$props.tabIndex, this.$props.disabled, undefined),
         "aria-labelledby": this.$props.ariaLabelledBy,
-        "aria-describedby": this.$props.ariaDescribedBy
+        "aria-describedby": this.$props.ariaDescribedBy,
+        "aria-orientation": 'horizontal',
+        "aria-multiselectable": this.$props.selection === 'multiple' ? true : undefined
       },
       id: this.$props.id,
       dir: this.currentDir,
@@ -211,7 +213,9 @@ var ChipListVue2 = {
       tabindex: getTabIndex(this.$props.tabIndex, this.$props.disabled, undefined),
       "class": classNames('k-chip-list', (_a = {}, _a["k-chip-list-".concat(kendoThemeMaps.sizeMap[size] || size)] = size, _a['k-rtl'] = this.currentDir === 'rtl', _a['k-selection-single'] = this.$props.selection === 'single', _a['k-selection-multiple'] = this.$props.selection === 'multiple', _a['k-disabled'] = this.$props.disabled, _a)),
       "aria-labelledby": this.$props.ariaLabelledBy,
-      "aria-describedby": this.$props.ariaDescribedBy
+      "aria-describedby": this.$props.ariaDescribedBy,
+      "aria-orientation": 'horizontal',
+      "aria-multiselectable": this.$props.selection === 'multiple' ? true : undefined
     }, [this.computedDataItems.map(function (item) {
       var chipTemplate = templateRendering.call(this, this.$props.chip, getListeners.call(this));
       var chipDefaultRendering =

package/dist/es/ListButton/DropDownButton.js

@@ -280,10 +280,10 @@ var DropDownButtonVue2 = {
         dir: dir,
         type: "button",
         "aria-disabled": disabled,
-        "aria-haspopup": true,
+        "aria-haspopup": 'menu',
         "aria-expanded": this.computedOpened,
         "aria-label": "".concat(this.$props.text, " dropdownbutton"),
-        "aria-owns": this.guid,
+        "aria-controls": this.guid,
         "aria-activedescendant": this.focusedIndex !== undefined && this.focusedIndex >= 0 ? "".concat(this.guid, "-").concat(this.focusedIndex) : undefined
       },
       shape: this.$props.shape,
@@ -309,10 +309,10 @@ var DropDownButtonVue2 = {
       ref: this._anchor,
       type: "button",
       "aria-disabled": disabled,
-      "aria-haspopup": true,
+      "aria-haspopup": 'menu',
       "aria-expanded": this.computedOpened,
       "aria-label": "".concat(this.$props.text, " dropdownbutton"),
-      "aria-owns": this.guid,
+      "aria-controls": this.guid,
       "aria-activedescendant": this.focusedIndex !== undefined && this.focusedIndex >= 0 ? "".concat(this.guid, "-").concat(this.focusedIndex) : undefined
     }, this.v3 ? function () {
       return [_this2.$props.text, defaultSlot];

package/dist/es/ListButton/SplitButton.js

@@ -161,8 +161,9 @@ var SplitButtonVue2 = {
           // @ts-ignore
           h(ButtonItem, {
             "class": "k-menu-item",
-            dataItem: currentDataItem,
+            role: "menuitem",
             attrs: this.v3 ? undefined : {
+              role: "menuitem",
               dataItem: currentDataItem,
               textField: textField,
               focused: this.focusedIndex === index,
@@ -171,6 +172,7 @@ var SplitButtonVue2 = {
               index: index,
               id: "".concat(this.guid, "-").concat(index)
             },
+            dataItem: currentDataItem,
             textField: textField,
             focused: this.focusedIndex === index,
             onClick: this.onItemClick,
@@ -220,18 +222,22 @@ var SplitButtonVue2 = {
             role: "menu",
             attrs: _this2.v3 ? undefined : {
               role: "menu",
-              id: _this2.guid
+              id: _this2.guid,
+              "aria-labelledby": _this2._anchor
             },
-            id: _this2.guid
+            id: _this2.guid,
+            "aria-labelledby": _this2._anchor
           }, [renderChildItems.call(_this2)])];
         } : [h("ul", {
           "class": "k-group k-menu-group k-reset k-menu-group-".concat(kendoThemeMaps.sizeMap[size] || size),
           role: "menu",
           attrs: _this2.v3 ? undefined : {
             role: "menu",
-            id: _this2.guid
+            id: _this2.guid,
+            "aria-labelledby": _this2._anchor
           },
-          id: _this2.guid
+          id: _this2.guid,
+          "aria-labelledby": _this2._anchor
         }, [renderChildItems.call(_this2)])])
       );
     };
@@ -266,12 +272,13 @@ var SplitButtonVue2 = {
         imageUrl: this.$props.imageUrl,
         look: this.$props.look,
         dir: dir,
+        id: this._anchor,
         type: "button",
         "aria-disabled": disabled,
-        "aria-haspopup": true,
+        "aria-haspopup": 'menu',
         "aria-expanded": this.computedOpened,
         "aria-label": "".concat(this.$props.text, " splitbutton"),
-        "aria-owns": this.guid,
+        "aria-controls": this.guid,
         "aria-activedescendant": this.focusedIndex !== undefined && this.focusedIndex >= 0 ? "".concat(this.guid, "-").concat(this.focusedIndex) : undefined
       },
       rounded: this.$props.rounded,
@@ -294,13 +301,14 @@ var SplitButtonVue2 = {
       imageUrl: this.$props.imageUrl,
       look: this.$props.look,
       dir: dir,
+      id: this._anchor,
       ref: this._anchor,
       type: "button",
       "aria-disabled": disabled,
-      "aria-haspopup": true,
+      "aria-haspopup": 'menu',
       "aria-expanded": this.computedOpened,
       "aria-label": "".concat(this.$props.text, " splitbutton"),
-      "aria-owns": this.guid,
+      "aria-controls": this.guid,
       "aria-activedescendant": this.focusedIndex !== undefined && this.focusedIndex >= 0 ? "".concat(this.guid, "-").concat(this.focusedIndex) : undefined
     }, this.v3 ? function () {
       return [_this3.$props.text, defaultSlot];

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-vue-buttons',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1677086685,
+    publishDate: 1677155941,
     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/es/toolbar/Toolbar.d.ts

@@ -73,6 +73,10 @@ export interface ToolbarProps {
      * @default `medium`
      */
     size?: null | 'small' | 'medium' | 'large' | string;
+    /**
+     * Defines the `aria-label` of the Toolbar.
+     */
+    ariaLabel?: string;
 }
 /**
  * @hidden

package/dist/es/toolbar/Toolbar.js

@@ -45,7 +45,8 @@ var ToolbarVue2 = {
       validator: function validator(value) {
         return [null, 'small', 'medium', 'large'].includes(value);
       }
-    }
+    },
+    ariaLabel: String
   },
   created: function created() {
     this.offsetHeight = 0;
@@ -112,9 +113,11 @@ var ToolbarVue2 = {
       role: "toolbar",
       attrs: this.v3 ? undefined : {
         role: "toolbar",
-        dir: this.$props.dir
+        dir: this.$props.dir,
+        "aria-label": this.$props.ariaLabel
       },
       dir: this.$props.dir,
+      "aria-label": this.$props.ariaLabel,
       onKeydown: this.onKeyDown,
       on: this.v3 ? undefined : {
         "keydown": this.onKeyDown

package/dist/esm/Button.js

@@ -265,11 +265,11 @@ var ButtonVue2 = {
         title: this.title,
         "aria-label": this.ariaLabel,
         "aria-disabled": this.$props.disabled || undefined,
-        "aria-pressed": togglable ? this.currentActive ? true : undefined : undefined
+        "aria-pressed": togglable ? this.currentActive ? true : false : undefined
       },
       "aria-label": this.ariaLabel,
       "aria-disabled": this.$props.disabled || undefined,
-      "aria-pressed": togglable ? this.currentActive ? true : undefined : undefined
+      "aria-pressed": togglable ? this.currentActive ? true : false : undefined
     }, [iconElement.call(this), defaultSlot && h("span", {
       "class": "k-button-text"
     }, [defaultSlot])]);

package/dist/esm/Chip/Chip.js

@@ -77,7 +77,11 @@ var ChipVue2 = {
     },
     dataItem: Object,
     selected: Boolean,
-    ariaDescribedBy: String
+    ariaDescribedBy: String,
+    role: {
+      type: String,
+      default: 'button'
+    }
   },
   // @ts-ignore
   emits: {

package/dist/esm/Chip/ChipList.js

@@ -203,7 +203,9 @@ var ChipListVue2 = {
         dir: this.currentDir,
         tabindex: getTabIndex(this.$props.tabIndex, this.$props.disabled, undefined),
         "aria-labelledby": this.$props.ariaLabelledBy,
-        "aria-describedby": this.$props.ariaDescribedBy
+        "aria-describedby": this.$props.ariaDescribedBy,
+        "aria-orientation": 'horizontal',
+        "aria-multiselectable": this.$props.selection === 'multiple' ? true : undefined
       },
       id: this.$props.id,
       dir: this.currentDir,
@@ -211,7 +213,9 @@ var ChipListVue2 = {
       tabindex: getTabIndex(this.$props.tabIndex, this.$props.disabled, undefined),
       "class": classNames('k-chip-list', (_a = {}, _a["k-chip-list-".concat(kendoThemeMaps.sizeMap[size] || size)] = size, _a['k-rtl'] = this.currentDir === 'rtl', _a['k-selection-single'] = this.$props.selection === 'single', _a['k-selection-multiple'] = this.$props.selection === 'multiple', _a['k-disabled'] = this.$props.disabled, _a)),
       "aria-labelledby": this.$props.ariaLabelledBy,
-      "aria-describedby": this.$props.ariaDescribedBy
+      "aria-describedby": this.$props.ariaDescribedBy,
+      "aria-orientation": 'horizontal',
+      "aria-multiselectable": this.$props.selection === 'multiple' ? true : undefined
     }, [this.computedDataItems.map(function (item) {
       var chipTemplate = templateRendering.call(this, this.$props.chip, getListeners.call(this));
       var chipDefaultRendering =

package/dist/esm/ListButton/DropDownButton.js

@@ -280,10 +280,10 @@ var DropDownButtonVue2 = {
         dir: dir,
         type: "button",
         "aria-disabled": disabled,
-        "aria-haspopup": true,
+        "aria-haspopup": 'menu',
         "aria-expanded": this.computedOpened,
         "aria-label": "".concat(this.$props.text, " dropdownbutton"),
-        "aria-owns": this.guid,
+        "aria-controls": this.guid,
         "aria-activedescendant": this.focusedIndex !== undefined && this.focusedIndex >= 0 ? "".concat(this.guid, "-").concat(this.focusedIndex) : undefined
       },
       shape: this.$props.shape,
@@ -309,10 +309,10 @@ var DropDownButtonVue2 = {
       ref: this._anchor,
       type: "button",
       "aria-disabled": disabled,
-      "aria-haspopup": true,
+      "aria-haspopup": 'menu',
       "aria-expanded": this.computedOpened,
       "aria-label": "".concat(this.$props.text, " dropdownbutton"),
-      "aria-owns": this.guid,
+      "aria-controls": this.guid,
       "aria-activedescendant": this.focusedIndex !== undefined && this.focusedIndex >= 0 ? "".concat(this.guid, "-").concat(this.focusedIndex) : undefined
     }, this.v3 ? function () {
       return [_this2.$props.text, defaultSlot];

package/dist/esm/ListButton/SplitButton.js

@@ -161,8 +161,9 @@ var SplitButtonVue2 = {
           // @ts-ignore
           h(ButtonItem, {
             "class": "k-menu-item",
-            dataItem: currentDataItem,
+            role: "menuitem",
             attrs: this.v3 ? undefined : {
+              role: "menuitem",
               dataItem: currentDataItem,
               textField: textField,
               focused: this.focusedIndex === index,
@@ -171,6 +172,7 @@ var SplitButtonVue2 = {
               index: index,
               id: "".concat(this.guid, "-").concat(index)
             },
+            dataItem: currentDataItem,
             textField: textField,
             focused: this.focusedIndex === index,
             onClick: this.onItemClick,
@@ -220,18 +222,22 @@ var SplitButtonVue2 = {
             role: "menu",
             attrs: _this2.v3 ? undefined : {
               role: "menu",
-              id: _this2.guid
+              id: _this2.guid,
+              "aria-labelledby": _this2._anchor
             },
-            id: _this2.guid
+            id: _this2.guid,
+            "aria-labelledby": _this2._anchor
           }, [renderChildItems.call(_this2)])];
         } : [h("ul", {
           "class": "k-group k-menu-group k-reset k-menu-group-".concat(kendoThemeMaps.sizeMap[size] || size),
           role: "menu",
           attrs: _this2.v3 ? undefined : {
             role: "menu",
-            id: _this2.guid
+            id: _this2.guid,
+            "aria-labelledby": _this2._anchor
           },
-          id: _this2.guid
+          id: _this2.guid,
+          "aria-labelledby": _this2._anchor
         }, [renderChildItems.call(_this2)])])
       );
     };
@@ -266,12 +272,13 @@ var SplitButtonVue2 = {
         imageUrl: this.$props.imageUrl,
         look: this.$props.look,
         dir: dir,
+        id: this._anchor,
         type: "button",
         "aria-disabled": disabled,
-        "aria-haspopup": true,
+        "aria-haspopup": 'menu',
         "aria-expanded": this.computedOpened,
         "aria-label": "".concat(this.$props.text, " splitbutton"),
-        "aria-owns": this.guid,
+        "aria-controls": this.guid,
         "aria-activedescendant": this.focusedIndex !== undefined && this.focusedIndex >= 0 ? "".concat(this.guid, "-").concat(this.focusedIndex) : undefined
       },
       rounded: this.$props.rounded,
@@ -294,13 +301,14 @@ var SplitButtonVue2 = {
       imageUrl: this.$props.imageUrl,
       look: this.$props.look,
       dir: dir,
+      id: this._anchor,
       ref: this._anchor,
       type: "button",
       "aria-disabled": disabled,
-      "aria-haspopup": true,
+      "aria-haspopup": 'menu',
       "aria-expanded": this.computedOpened,
       "aria-label": "".concat(this.$props.text, " splitbutton"),
-      "aria-owns": this.guid,
+      "aria-controls": this.guid,
       "aria-activedescendant": this.focusedIndex !== undefined && this.focusedIndex >= 0 ? "".concat(this.guid, "-").concat(this.focusedIndex) : undefined
     }, this.v3 ? function () {
       return [_this3.$props.text, defaultSlot];

package/dist/esm/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-vue-buttons',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1677086685,
+    publishDate: 1677155941,
     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/toolbar/Toolbar.d.ts

@@ -73,6 +73,10 @@ export interface ToolbarProps {
      * @default `medium`
      */
     size?: null | 'small' | 'medium' | 'large' | string;
+    /**
+     * Defines the `aria-label` of the Toolbar.
+     */
+    ariaLabel?: string;
 }
 /**
  * @hidden

package/dist/esm/toolbar/Toolbar.js

@@ -45,7 +45,8 @@ var ToolbarVue2 = {
       validator: function validator(value) {
         return [null, 'small', 'medium', 'large'].includes(value);
       }
-    }
+    },
+    ariaLabel: String
   },
   created: function created() {
     this.offsetHeight = 0;
@@ -112,9 +113,11 @@ var ToolbarVue2 = {
       role: "toolbar",
       attrs: this.v3 ? undefined : {
         role: "toolbar",
-        dir: this.$props.dir
+        dir: this.$props.dir,
+        "aria-label": this.$props.ariaLabel
       },
       dir: this.$props.dir,
+      "aria-label": this.$props.ariaLabel,
       onKeydown: this.onKeyDown,
       on: this.v3 ? undefined : {
         "keydown": this.onKeyDown

package/dist/npm/Button.js

@@ -271,11 +271,11 @@ var ButtonVue2 = {
         title: this.title,
         "aria-label": this.ariaLabel,
         "aria-disabled": this.$props.disabled || undefined,
-        "aria-pressed": togglable ? this.currentActive ? true : undefined : undefined
+        "aria-pressed": togglable ? this.currentActive ? true : false : undefined
       },
       "aria-label": this.ariaLabel,
       "aria-disabled": this.$props.disabled || undefined,
-      "aria-pressed": togglable ? this.currentActive ? true : undefined : undefined
+      "aria-pressed": togglable ? this.currentActive ? true : false : undefined
     }, [iconElement.call(this), defaultSlot && h("span", {
       "class": "k-button-text"
     }, [defaultSlot])]);

package/dist/npm/Chip/Chip.js

@@ -83,7 +83,11 @@ var ChipVue2 = {
     },
     dataItem: Object,
     selected: Boolean,
-    ariaDescribedBy: String
+    ariaDescribedBy: String,
+    role: {
+      type: String,
+      default: 'button'
+    }
   },
   // @ts-ignore
   emits: {

package/dist/npm/Chip/ChipList.js

@@ -209,7 +209,9 @@ var ChipListVue2 = {
         dir: this.currentDir,
         tabindex: (0, kendo_vue_common_1.getTabIndex)(this.$props.tabIndex, this.$props.disabled, undefined),
         "aria-labelledby": this.$props.ariaLabelledBy,
-        "aria-describedby": this.$props.ariaDescribedBy
+        "aria-describedby": this.$props.ariaDescribedBy,
+        "aria-orientation": 'horizontal',
+        "aria-multiselectable": this.$props.selection === 'multiple' ? true : undefined
       },
       id: this.$props.id,
       dir: this.currentDir,
@@ -217,7 +219,9 @@ var ChipListVue2 = {
       tabindex: (0, kendo_vue_common_1.getTabIndex)(this.$props.tabIndex, this.$props.disabled, undefined),
       "class": (0, kendo_vue_common_1.classNames)('k-chip-list', (_a = {}, _a["k-chip-list-".concat(kendo_vue_common_1.kendoThemeMaps.sizeMap[size] || size)] = size, _a['k-rtl'] = this.currentDir === 'rtl', _a['k-selection-single'] = this.$props.selection === 'single', _a['k-selection-multiple'] = this.$props.selection === 'multiple', _a['k-disabled'] = this.$props.disabled, _a)),
       "aria-labelledby": this.$props.ariaLabelledBy,
-      "aria-describedby": this.$props.ariaDescribedBy
+      "aria-describedby": this.$props.ariaDescribedBy,
+      "aria-orientation": 'horizontal',
+      "aria-multiselectable": this.$props.selection === 'multiple' ? true : undefined
     }, [this.computedDataItems.map(function (item) {
       var chipTemplate = kendo_vue_common_1.templateRendering.call(this, this.$props.chip, kendo_vue_common_1.getListeners.call(this));
       var chipDefaultRendering =

package/dist/npm/ListButton/DropDownButton.js

@@ -286,10 +286,10 @@ var DropDownButtonVue2 = {
         dir: dir,
         type: "button",
         "aria-disabled": disabled,
-        "aria-haspopup": true,
+        "aria-haspopup": 'menu',
         "aria-expanded": this.computedOpened,
         "aria-label": "".concat(this.$props.text, " dropdownbutton"),
-        "aria-owns": this.guid,
+        "aria-controls": this.guid,
         "aria-activedescendant": this.focusedIndex !== undefined && this.focusedIndex >= 0 ? "".concat(this.guid, "-").concat(this.focusedIndex) : undefined
       },
       shape: this.$props.shape,
@@ -315,10 +315,10 @@ var DropDownButtonVue2 = {
       ref: this._anchor,
       type: "button",
       "aria-disabled": disabled,
-      "aria-haspopup": true,
+      "aria-haspopup": 'menu',
       "aria-expanded": this.computedOpened,
       "aria-label": "".concat(this.$props.text, " dropdownbutton"),
-      "aria-owns": this.guid,
+      "aria-controls": this.guid,
       "aria-activedescendant": this.focusedIndex !== undefined && this.focusedIndex >= 0 ? "".concat(this.guid, "-").concat(this.focusedIndex) : undefined
     }, this.v3 ? function () {
       return [_this2.$props.text, defaultSlot];

package/dist/npm/ListButton/SplitButton.js

@@ -167,8 +167,9 @@ var SplitButtonVue2 = {
           // @ts-ignore
           h(ButtonItem_1.ButtonItem, {
             "class": "k-menu-item",
-            dataItem: currentDataItem,
+            role: "menuitem",
             attrs: this.v3 ? undefined : {
+              role: "menuitem",
               dataItem: currentDataItem,
               textField: textField,
               focused: this.focusedIndex === index,
@@ -177,6 +178,7 @@ var SplitButtonVue2 = {
               index: index,
               id: "".concat(this.guid, "-").concat(index)
             },
+            dataItem: currentDataItem,
             textField: textField,
             focused: this.focusedIndex === index,
             onClick: this.onItemClick,
@@ -226,18 +228,22 @@ var SplitButtonVue2 = {
             role: "menu",
             attrs: _this2.v3 ? undefined : {
               role: "menu",
-              id: _this2.guid
+              id: _this2.guid,
+              "aria-labelledby": _this2._anchor
             },
-            id: _this2.guid
+            id: _this2.guid,
+            "aria-labelledby": _this2._anchor
           }, [renderChildItems.call(_this2)])];
         } : [h("ul", {
           "class": "k-group k-menu-group k-reset k-menu-group-".concat(kendo_vue_common_1.kendoThemeMaps.sizeMap[size] || size),
           role: "menu",
           attrs: _this2.v3 ? undefined : {
             role: "menu",
-            id: _this2.guid
+            id: _this2.guid,
+            "aria-labelledby": _this2._anchor
           },
-          id: _this2.guid
+          id: _this2.guid,
+          "aria-labelledby": _this2._anchor
         }, [renderChildItems.call(_this2)])])
       );
     };
@@ -272,12 +278,13 @@ var SplitButtonVue2 = {
         imageUrl: this.$props.imageUrl,
         look: this.$props.look,
         dir: dir,
+        id: this._anchor,
         type: "button",
         "aria-disabled": disabled,
-        "aria-haspopup": true,
+        "aria-haspopup": 'menu',
         "aria-expanded": this.computedOpened,
         "aria-label": "".concat(this.$props.text, " splitbutton"),
-        "aria-owns": this.guid,
+        "aria-controls": this.guid,
         "aria-activedescendant": this.focusedIndex !== undefined && this.focusedIndex >= 0 ? "".concat(this.guid, "-").concat(this.focusedIndex) : undefined
       },
       rounded: this.$props.rounded,
@@ -300,13 +307,14 @@ var SplitButtonVue2 = {
       imageUrl: this.$props.imageUrl,
       look: this.$props.look,
       dir: dir,
+      id: this._anchor,
       ref: this._anchor,
       type: "button",
       "aria-disabled": disabled,
-      "aria-haspopup": true,
+      "aria-haspopup": 'menu',
       "aria-expanded": this.computedOpened,
       "aria-label": "".concat(this.$props.text, " splitbutton"),
-      "aria-owns": this.guid,
+      "aria-controls": this.guid,
       "aria-activedescendant": this.focusedIndex !== undefined && this.focusedIndex >= 0 ? "".concat(this.guid, "-").concat(this.focusedIndex) : undefined
     }, this.v3 ? function () {
       return [_this3.$props.text, defaultSlot];

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-vue-buttons',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1677086685,
+    publishDate: 1677155941,
     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/toolbar/Toolbar.d.ts

@@ -73,6 +73,10 @@ export interface ToolbarProps {
      * @default `medium`
      */
     size?: null | 'small' | 'medium' | 'large' | string;
+    /**
+     * Defines the `aria-label` of the Toolbar.
+     */
+    ariaLabel?: string;
 }
 /**
  * @hidden

package/dist/npm/toolbar/Toolbar.js

@@ -51,7 +51,8 @@ var ToolbarVue2 = {
       validator: function validator(value) {
         return [null, 'small', 'medium', 'large'].includes(value);
       }
-    }
+    },
+    ariaLabel: String
   },
   created: function created() {
     this.offsetHeight = 0;
@@ -118,9 +119,11 @@ var ToolbarVue2 = {
       role: "toolbar",
       attrs: this.v3 ? undefined : {
         role: "toolbar",
-        dir: this.$props.dir
+        dir: this.$props.dir,
+        "aria-label": this.$props.ariaLabel
       },
       dir: this.$props.dir,
+      "aria-label": this.$props.ariaLabel,
       onKeydown: this.onKeyDown,
       on: this.v3 ? undefined : {
         "keydown": this.onKeyDown

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-vue-buttons",
   "description": "Kendo UI for Vue Buttons package",
-  "version": "3.8.4-dev.202302221749",
+  "version": "3.8.4-dev.202302231256",
   "repository": {
     "type": "git",
     "url": "https://github.com/telerik/kendo-vue.git"
@@ -39,14 +39,14 @@
     "vue": "^2.6.12 || ^3.0.2"
   },
   "dependencies": {
-    "@progress/kendo-vue-common": "3.8.4-dev.202302221749",
-    "@progress/kendo-vue-popup": "3.8.4-dev.202302221749"
+    "@progress/kendo-vue-common": "3.8.4-dev.202302231256",
+    "@progress/kendo-vue-popup": "3.8.4-dev.202302231256"
   },
   "devDependencies": {
     "@progress/kendo-drawing": "^1.5.12",
-    "@progress/kendo-vue-dropdowns": "3.8.4-dev.202302221749",
-    "@progress/kendo-vue-inputs": "3.8.4-dev.202302221749",
-    "@progress/kendo-vue-layout": "3.8.4-dev.202302221749"
+    "@progress/kendo-vue-dropdowns": "3.8.4-dev.202302231256",
+    "@progress/kendo-vue-inputs": "3.8.4-dev.202302231256",
+    "@progress/kendo-vue-layout": "3.8.4-dev.202302231256"
   },
   "@progress": {
     "friendlyName": "Buttons",