@progress/kendo-angular-buttons 16.0.1-develop.1 → 16.1.0-develop.2

package/esm2020/dropdownbutton/dropdownbutton.component.mjs

@@ -341,7 +341,7 @@ DropDownButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0"
             (blur)="onButtonBlur()"
             [attr.aria-disabled]="disabled"
             [attr.aria-expanded]="openState"
-            [attr.aria-haspopup]="'menu'"
+            [attr.aria-haspopup]="'true'"
             [attr.aria-controls]="listId"
         >
             <ng-content></ng-content>
@@ -402,7 +402,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             (blur)="onButtonBlur()"
             [attr.aria-disabled]="disabled"
             [attr.aria-expanded]="openState"
-            [attr.aria-haspopup]="'menu'"
+            [attr.aria-haspopup]="'true'"
             [attr.aria-controls]="listId"
         >
             <ng-content></ng-content>

package/esm2020/listbutton/list-button.mjs

@@ -9,7 +9,7 @@ import { FocusService } from './../focusable/focus.service';
 import { KeyEvents } from './../navigation/key-events';
 import { NavigationService } from './../navigation/navigation.service';
 import { NavigationAction } from './../navigation/navigation-action';
-import { isDocumentAvailable, guid, Keys, isChanged } from '@progress/kendo-angular-common';
+import { isDocumentAvailable, guid, Keys, isChanged, hasObservers } from '@progress/kendo-angular-common';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { validatePackage } from '@progress/kendo-licensing';
 import { packageMetadata } from '../package-metadata';
@@ -17,6 +17,7 @@ import { PreventableEvent } from '../preventable-event';
 import { PopupService } from '@progress/kendo-angular-popup';
 import { isPresent } from '../util';
 import { PopupContainerService } from './container.service';
+import { MultiTabStop } from '@progress/kendo-angular-common';
 import * as i0 from "@angular/core";
 import * as i1 from "./../focusable/focus.service";
 import * as i2 from "./../navigation/navigation.service";
@@ -26,8 +27,9 @@ import * as i5 from "./container.service";
 /**
  * @hidden
  */
-export class ListButton {
+export class ListButton extends MultiTabStop {
     constructor(focusService, navigationService, wrapperRef, _zone, popupService, elRef, localization, cdr, containerService) {
+        super();
         this.focusService = focusService;
         this.navigationService = navigationService;
         this.wrapperRef = wrapperRef;
@@ -58,6 +60,12 @@ export class ListButton {
          * This event is preventable. If you cancel the event, the popup will remain open.
          */
         this.close = new EventEmitter();
+        /**
+         * Needed by the kendoToggleButtonTabStop directive
+         *
+         * @hidden
+         */
+        this.escape = new EventEmitter();
         this.isClosePrevented = false;
         validatePackage(packageMetadata);
         this.focusService = focusService;
@@ -309,7 +317,7 @@ export class ListButton {
     handleTab() {
         this.blurWrapper();
     }
-    onNavigationEnterUp() {
+    onNavigationEnterUp(e) {
         if (!this._disabled && !this.openState) {
             this._active = false;
         }
@@ -329,10 +337,11 @@ export class ListButton {
             this.togglePopupVisibility();
         }
     }
-    onNavigationClose() {
+    onNavigationClose(e) {
         if (this.openState && !this.isClosePrevented) {
             this.togglePopupVisibility();
             if (isDocumentAvailable()) {
+                e?.esc && hasObservers(this.escape) && this.escape.emit();
                 this.button.nativeElement.focus();
             }
         }
@@ -387,7 +396,7 @@ export class ListButton {
     }
 }
 ListButton.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ListButton, deps: [{ token: i1.FocusService }, { token: i2.NavigationService }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i3.PopupService }, { token: i0.ElementRef }, { token: i4.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i5.PopupContainerService }], target: i0.ɵɵFactoryTarget.Component });
-ListButton.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ListButton, selector: "ng-component", inputs: { disabled: "disabled", tabIndex: "tabIndex", buttonClass: "buttonClass", popupSettings: "popupSettings" }, outputs: { open: "open", close: "close" }, usesOnChanges: true, ngImport: i0, template: '', isInline: true });
+ListButton.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ListButton, selector: "ng-component", inputs: { disabled: "disabled", tabIndex: "tabIndex", buttonClass: "buttonClass", popupSettings: "popupSettings" }, outputs: { open: "open", close: "close", escape: "escape" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: '', isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ListButton, decorators: [{
             type: Component,
             args: [{
@@ -403,6 +412,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 type: Output
             }], close: [{
                 type: Output
+            }], escape: [{
+                type: Output
             }], popupSettings: [{
                 type: Input
             }] } });

package/esm2020/listbutton/list.component.mjs

@@ -51,17 +51,16 @@ export class ListComponent {
 }
 ListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
 ListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ListComponent, selector: "kendo-button-list", inputs: { data: "data", textField: "textField", itemTemplate: "itemTemplate", size: "size" }, outputs: { onItemClick: "onItemClick", onItemBlur: "onItemBlur" }, ngImport: i0, template: `
-        <ul class="k-group k-menu-group k-reset" [ngClass]="sizeClass" unselectable="on" role="menu">
-            <li role="menuitem"
-                unselectable="on"
-                kendoButtonFocusable
+        <ul class="k-group k-menu-group k-reset" role="list" [ngClass]="sizeClass">
+            <li kendoButtonFocusable
                 *ngFor="let dataItem of data; let index = index;"
                 [index]="index"
                 tabindex="-1"
                 class="k-item k-menu-item"
+                role="listitem"
+                [attr.aria-disabled]="dataItem.disabled ? true : false"
                 (click)="$event.stopImmediatePropagation(); onClick(index);"
-                (blur)="onBlur()"
-                [attr.aria-disabled]="dataItem.disabled ? true : false">
+                (blur)="onBlur()">
                 <ng-template [ngIf]="itemTemplate?.templateRef">
                     <span
                         class="k-link k-menu-link"
@@ -87,7 +86,7 @@ ListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version:
                             *ngIf="dataItem.imageUrl"
                             class="k-image"
                             [src]="dataItem.imageUrl"
-                            alt=""
+                            [alt]="dataItem.imageAlt"
                         >
                         <span *ngIf="getText(dataItem)" class="k-menu-link-text">
                             {{ getText(dataItem) }}
@@ -102,17 +101,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             args: [{
                     selector: 'kendo-button-list',
                     template: `
-        <ul class="k-group k-menu-group k-reset" [ngClass]="sizeClass" unselectable="on" role="menu">
-            <li role="menuitem"
-                unselectable="on"
-                kendoButtonFocusable
+        <ul class="k-group k-menu-group k-reset" role="list" [ngClass]="sizeClass">
+            <li kendoButtonFocusable
                 *ngFor="let dataItem of data; let index = index;"
                 [index]="index"
                 tabindex="-1"
                 class="k-item k-menu-item"
+                role="listitem"
+                [attr.aria-disabled]="dataItem.disabled ? true : false"
                 (click)="$event.stopImmediatePropagation(); onClick(index);"
-                (blur)="onBlur()"
-                [attr.aria-disabled]="dataItem.disabled ? true : false">
+                (blur)="onBlur()">
                 <ng-template [ngIf]="itemTemplate?.templateRef">
                     <span
                         class="k-link k-menu-link"
@@ -138,7 +136,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                             *ngIf="dataItem.imageUrl"
                             class="k-image"
                             [src]="dataItem.imageUrl"
-                            alt=""
+                            [alt]="dataItem.imageAlt"
                         >
                         <span *ngIf="getText(dataItem)" class="k-menu-link-text">
                             {{ getText(dataItem) }}

package/esm2020/navigation/navigation.service.mjs

@@ -84,7 +84,7 @@ export class NavigationService {
             }
         }
         if (action !== NavigationAction.Undefined) {
-            this[NavigationAction[action].toLowerCase()].emit({ index, target: args.target });
+            this[NavigationAction[action].toLowerCase()].emit({ index, target: args.target, esc: action === NavigationAction.Esc });
         }
         return action;
     }

package/esm2020/package-metadata.mjs

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-buttons',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1715939454,
-    version: '16.0.1-develop.1',
+    publishDate: 1716388228,
+    version: '16.1.0-develop.2',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

package/esm2020/splitbutton/splitbutton.component.mjs

@@ -2,7 +2,7 @@
 * Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { Component, ElementRef, TemplateRef, Input, Output, HostBinding, HostListener, EventEmitter, ContentChild, ViewChild, ViewContainerRef, NgZone, ChangeDetectorRef, Renderer2 } from '@angular/core';
+import { Component, ElementRef, TemplateRef, Input, Output, HostBinding, HostListener, EventEmitter, ContentChild, ViewChild, ViewContainerRef, NgZone, ChangeDetectorRef, Renderer2, forwardRef } from '@angular/core';
 import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
 import { PopupService } from '@progress/kendo-angular-popup';
 import { ListButton } from './../listbutton/list-button';
@@ -10,7 +10,7 @@ import { ButtonItemTemplateDirective } from './../listbutton/button-item-templat
 import { FocusService } from './../focusable/focus.service';
 import { NavigationService } from './../navigation/navigation.service';
 import { NAVIGATION_CONFIG } from './../navigation/navigation-config';
-import { isDocumentAvailable, guid, isChanged, anyChanged } from '@progress/kendo-angular-common';
+import { isDocumentAvailable, guid, isChanged, anyChanged, MultiTabStop } from '@progress/kendo-angular-common';
 import { closest, isPresent } from './../util';
 import { Keys } from '@progress/kendo-angular-common';
 import { replaceMessagePlaceholder, getStylingClasses } from '../util';
@@ -451,7 +451,7 @@ export class SplitButtonComponent extends ListButton {
      */
     onNavigationEnterUp(args) {
         if (args.target !== this.button.nativeElement) {
-            super.onNavigationEnterUp();
+            super.onNavigationEnterUp(args);
         }
     }
     /**
@@ -567,7 +567,11 @@ SplitButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
             provide: L10N_PREFIX,
             useValue: 'kendo.splitbutton'
         },
-        PopupContainerService
+        PopupContainerService,
+        {
+            provide: MultiTabStop,
+            useExisting: forwardRef(() => SplitButtonComponent)
+        }
     ], queries: [{ propertyName: "itemTemplate", first: true, predicate: ButtonItemTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "button", first: true, predicate: ["button"], descendants: true, read: ElementRef }, { propertyName: "arrowButton", first: true, predicate: ["arrowButton"], descendants: true, read: ElementRef }, { propertyName: "popupTemplate", first: true, predicate: ["popupTemplate"], descendants: true }, { propertyName: "containerRef", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef }], exportAs: ["kendoSplitButton"], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `
         <ng-container kendoSplitButtonLocalizedMessages
             i18n-splitButtonLabel="kendo.splitbutton.splitButtonLabel|The text for the SplitButton aria-label"
@@ -594,10 +598,9 @@ SplitButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
             (blur)="onButtonBlur()"
             (mousedown)="toggleButtonActiveState(true)"
             (mouseup)="toggleButtonActiveState(false)"
-            [attr.aria-disabled]="disabled"
             [attr.aria-expanded]="openState"
-            [attr.aria-haspopup]="'menu'"
-            [attr.aria-owns]="listId"
+            [attr.aria-haspopup]="'true'"
+            [attr.aria-controls]="listId"
             [attr.aria-label]="ariaLabel"
         >
             <span *ngIf="text" class="k-button-text">
@@ -651,7 +654,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                             provide: L10N_PREFIX,
                             useValue: 'kendo.splitbutton'
                         },
-                        PopupContainerService
+                        PopupContainerService,
+                        {
+                            provide: MultiTabStop,
+                            useExisting: forwardRef(() => SplitButtonComponent)
+                        }
                     ],
                     selector: 'kendo-splitbutton',
                     template: `
@@ -680,10 +687,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             (blur)="onButtonBlur()"
             (mousedown)="toggleButtonActiveState(true)"
             (mouseup)="toggleButtonActiveState(false)"
-            [attr.aria-disabled]="disabled"
             [attr.aria-expanded]="openState"
-            [attr.aria-haspopup]="'menu'"
-            [attr.aria-owns]="listId"
+            [attr.aria-haspopup]="'true'"
+            [attr.aria-controls]="listId"
             [attr.aria-label]="ariaLabel"
         >
             <span *ngIf="text" class="k-button-text">

package/esm2020/splitbutton/splitbutton.module.mjs

@@ -23,13 +23,13 @@ import * as i0 from "@angular/core";
 export class SplitButtonModule {
 }
 SplitButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SplitButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SplitButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: SplitButtonModule, declarations: [SplitButtonComponent, LocalizedSplitButtonMessagesDirective, SplitButtonCustomMessagesComponent], imports: [CommonModule, PopupModule, ButtonModule, ListModule, ToggleButtonTabStopModule], exports: [SplitButtonComponent, ListModule, LocalizedSplitButtonMessagesDirective, SplitButtonCustomMessagesComponent, ToggleButtonTabStopModule] });
-SplitButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SplitButtonModule, imports: [CommonModule, PopupModule, ButtonModule, ListModule, ToggleButtonTabStopModule, ListModule, ToggleButtonTabStopModule] });
+SplitButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: SplitButtonModule, declarations: [SplitButtonComponent, LocalizedSplitButtonMessagesDirective, SplitButtonCustomMessagesComponent], imports: [CommonModule, PopupModule, ButtonModule, ListModule], exports: [SplitButtonComponent, ListModule, LocalizedSplitButtonMessagesDirective, SplitButtonCustomMessagesComponent, ToggleButtonTabStopModule] });
+SplitButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SplitButtonModule, imports: [CommonModule, PopupModule, ButtonModule, ListModule, ListModule, ToggleButtonTabStopModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SplitButtonModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [SplitButtonComponent, LocalizedSplitButtonMessagesDirective, SplitButtonCustomMessagesComponent],
                     exports: [SplitButtonComponent, ListModule, LocalizedSplitButtonMessagesDirective, SplitButtonCustomMessagesComponent, ToggleButtonTabStopModule],
-                    imports: [CommonModule, PopupModule, ButtonModule, ListModule, ToggleButtonTabStopModule]
+                    imports: [CommonModule, PopupModule, ButtonModule, ListModule]
                 }]
         }] });

package/fesm2015/progress-kendo-angular-buttons.mjs

@@ -5,7 +5,7 @@
 import * as i0 from '@angular/core';
 import { Injectable, EventEmitter, isDevMode, Component, Optional, Input, Output, HostBinding, HostListener, ContentChildren, NgModule, Directive, InjectionToken, Inject, forwardRef, ElementRef, ViewContainerRef, ContentChild, ViewChild } from '@angular/core';
 import * as i7 from '@progress/kendo-angular-common';
-import { isDocumentAvailable, isFirefox, Keys, isSafari, isChanged, hasObservers, guid, anyChanged, ToggleButtonTabStopModule, isPresent as isPresent$1, EventsModule } from '@progress/kendo-angular-common';
+import { isDocumentAvailable, isFirefox, Keys, isSafari, isChanged, hasObservers, MultiTabStop, guid, anyChanged, ToggleButtonTabStopModule, isPresent as isPresent$1, EventsModule } from '@progress/kendo-angular-common';
 export { ToggleButtonTabStopDirective } from '@progress/kendo-angular-common';
 import { caretAltDownIcon, xCircleIcon, moreVerticalIcon } from '@progress/kendo-svg-icons';
 import * as i1 from '@progress/kendo-angular-l10n';
@@ -29,8 +29,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-buttons',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1715939454,
-    version: '16.0.1-develop.1',
+    publishDate: 1716388228,
+    version: '16.1.0-develop.2',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -1246,17 +1246,16 @@ class ListComponent {
 }
 ListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
 ListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ListComponent, selector: "kendo-button-list", inputs: { data: "data", textField: "textField", itemTemplate: "itemTemplate", size: "size" }, outputs: { onItemClick: "onItemClick", onItemBlur: "onItemBlur" }, ngImport: i0, template: `
-        <ul class="k-group k-menu-group k-reset" [ngClass]="sizeClass" unselectable="on" role="menu">
-            <li role="menuitem"
-                unselectable="on"
-                kendoButtonFocusable
+        <ul class="k-group k-menu-group k-reset" role="list" [ngClass]="sizeClass">
+            <li kendoButtonFocusable
                 *ngFor="let dataItem of data; let index = index;"
                 [index]="index"
                 tabindex="-1"
                 class="k-item k-menu-item"
+                role="listitem"
+                [attr.aria-disabled]="dataItem.disabled ? true : false"
                 (click)="$event.stopImmediatePropagation(); onClick(index);"
-                (blur)="onBlur()"
-                [attr.aria-disabled]="dataItem.disabled ? true : false">
+                (blur)="onBlur()">
                 <ng-template [ngIf]="itemTemplate?.templateRef">
                     <span
                         class="k-link k-menu-link"
@@ -1282,7 +1281,7 @@ ListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version:
                             *ngIf="dataItem.imageUrl"
                             class="k-image"
                             [src]="dataItem.imageUrl"
-                            alt=""
+                            [alt]="dataItem.imageAlt"
                         >
                         <span *ngIf="getText(dataItem)" class="k-menu-link-text">
                             {{ getText(dataItem) }}
@@ -1297,17 +1296,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             args: [{
                     selector: 'kendo-button-list',
                     template: `
-        <ul class="k-group k-menu-group k-reset" [ngClass]="sizeClass" unselectable="on" role="menu">
-            <li role="menuitem"
-                unselectable="on"
-                kendoButtonFocusable
+        <ul class="k-group k-menu-group k-reset" role="list" [ngClass]="sizeClass">
+            <li kendoButtonFocusable
                 *ngFor="let dataItem of data; let index = index;"
                 [index]="index"
                 tabindex="-1"
                 class="k-item k-menu-item"
+                role="listitem"
+                [attr.aria-disabled]="dataItem.disabled ? true : false"
                 (click)="$event.stopImmediatePropagation(); onClick(index);"
-                (blur)="onBlur()"
-                [attr.aria-disabled]="dataItem.disabled ? true : false">
+                (blur)="onBlur()">
                 <ng-template [ngIf]="itemTemplate?.templateRef">
                     <span
                         class="k-link k-menu-link"
@@ -1333,7 +1331,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                             *ngIf="dataItem.imageUrl"
                             class="k-image"
                             [src]="dataItem.imageUrl"
-                            alt=""
+                            [alt]="dataItem.imageAlt"
                         >
                         <span *ngIf="getText(dataItem)" class="k-menu-link-text">
                             {{ getText(dataItem) }}
@@ -1556,7 +1554,7 @@ class NavigationService {
             }
         }
         if (action !== NavigationAction.Undefined) {
-            this[NavigationAction[action].toLowerCase()].emit({ index, target: args.target });
+            this[NavigationAction[action].toLowerCase()].emit({ index, target: args.target, esc: action === NavigationAction.Esc });
         }
         return action;
     }
@@ -1597,8 +1595,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
 /**
  * @hidden
  */
-class ListButton {
+class ListButton extends MultiTabStop {
     constructor(focusService, navigationService, wrapperRef, _zone, popupService, elRef, localization, cdr, containerService) {
+        super();
         this.focusService = focusService;
         this.navigationService = navigationService;
         this.wrapperRef = wrapperRef;
@@ -1629,6 +1628,12 @@ class ListButton {
          * This event is preventable. If you cancel the event, the popup will remain open.
          */
         this.close = new EventEmitter();
+        /**
+         * Needed by the kendoToggleButtonTabStop directive
+         *
+         * @hidden
+         */
+        this.escape = new EventEmitter();
         this.isClosePrevented = false;
         validatePackage(packageMetadata);
         this.focusService = focusService;
@@ -1880,7 +1885,7 @@ class ListButton {
     handleTab() {
         this.blurWrapper();
     }
-    onNavigationEnterUp() {
+    onNavigationEnterUp(e) {
         if (!this._disabled && !this.openState) {
             this._active = false;
         }
@@ -1900,10 +1905,11 @@ class ListButton {
             this.togglePopupVisibility();
         }
     }
-    onNavigationClose() {
+    onNavigationClose(e) {
         if (this.openState && !this.isClosePrevented) {
             this.togglePopupVisibility();
             if (isDocumentAvailable()) {
+                (e === null || e === void 0 ? void 0 : e.esc) && hasObservers(this.escape) && this.escape.emit();
                 this.button.nativeElement.focus();
             }
         }
@@ -1958,7 +1964,7 @@ class ListButton {
     }
 }
 ListButton.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ListButton, deps: [{ token: FocusService }, { token: NavigationService }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i3$1.PopupService }, { token: i0.ElementRef }, { token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: PopupContainerService }], target: i0.ɵɵFactoryTarget.Component });
-ListButton.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ListButton, selector: "ng-component", inputs: { disabled: "disabled", tabIndex: "tabIndex", buttonClass: "buttonClass", popupSettings: "popupSettings" }, outputs: { open: "open", close: "close" }, usesOnChanges: true, ngImport: i0, template: '', isInline: true });
+ListButton.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ListButton, selector: "ng-component", inputs: { disabled: "disabled", tabIndex: "tabIndex", buttonClass: "buttonClass", popupSettings: "popupSettings" }, outputs: { open: "open", close: "close", escape: "escape" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: '', isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ListButton, decorators: [{
             type: Component,
             args: [{
@@ -1974,6 +1980,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 type: Output
             }], close: [{
                 type: Output
+            }], escape: [{
+                type: Output
             }], popupSettings: [{
                 type: Input
             }] } });
@@ -2450,7 +2458,7 @@ class SplitButtonComponent extends ListButton {
      */
     onNavigationEnterUp(args) {
         if (args.target !== this.button.nativeElement) {
-            super.onNavigationEnterUp();
+            super.onNavigationEnterUp(args);
         }
     }
     /**
@@ -2567,7 +2575,11 @@ SplitButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
             provide: L10N_PREFIX,
             useValue: 'kendo.splitbutton'
         },
-        PopupContainerService
+        PopupContainerService,
+        {
+            provide: MultiTabStop,
+            useExisting: forwardRef(() => SplitButtonComponent)
+        }
     ], queries: [{ propertyName: "itemTemplate", first: true, predicate: ButtonItemTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "button", first: true, predicate: ["button"], descendants: true, read: ElementRef }, { propertyName: "arrowButton", first: true, predicate: ["arrowButton"], descendants: true, read: ElementRef }, { propertyName: "popupTemplate", first: true, predicate: ["popupTemplate"], descendants: true }, { propertyName: "containerRef", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef }], exportAs: ["kendoSplitButton"], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `
         <ng-container kendoSplitButtonLocalizedMessages
             i18n-splitButtonLabel="kendo.splitbutton.splitButtonLabel|The text for the SplitButton aria-label"
@@ -2594,10 +2606,9 @@ SplitButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
             (blur)="onButtonBlur()"
             (mousedown)="toggleButtonActiveState(true)"
             (mouseup)="toggleButtonActiveState(false)"
-            [attr.aria-disabled]="disabled"
             [attr.aria-expanded]="openState"
-            [attr.aria-haspopup]="'menu'"
-            [attr.aria-owns]="listId"
+            [attr.aria-haspopup]="'true'"
+            [attr.aria-controls]="listId"
             [attr.aria-label]="ariaLabel"
         >
             <span *ngIf="text" class="k-button-text">
@@ -2651,7 +2662,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                             provide: L10N_PREFIX,
                             useValue: 'kendo.splitbutton'
                         },
-                        PopupContainerService
+                        PopupContainerService,
+                        {
+                            provide: MultiTabStop,
+                            useExisting: forwardRef(() => SplitButtonComponent)
+                        }
                     ],
                     selector: 'kendo-splitbutton',
                     template: `
@@ -2680,10 +2695,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             (blur)="onButtonBlur()"
             (mousedown)="toggleButtonActiveState(true)"
             (mouseup)="toggleButtonActiveState(false)"
-            [attr.aria-disabled]="disabled"
             [attr.aria-expanded]="openState"
-            [attr.aria-haspopup]="'menu'"
-            [attr.aria-owns]="listId"
+            [attr.aria-haspopup]="'true'"
+            [attr.aria-controls]="listId"
             [attr.aria-label]="ariaLabel"
         >
             <span *ngIf="text" class="k-button-text">
@@ -2855,14 +2869,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
 class SplitButtonModule {
 }
 SplitButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SplitButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SplitButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: SplitButtonModule, declarations: [SplitButtonComponent, LocalizedSplitButtonMessagesDirective, SplitButtonCustomMessagesComponent], imports: [CommonModule, PopupModule, ButtonModule, ListModule, ToggleButtonTabStopModule], exports: [SplitButtonComponent, ListModule, LocalizedSplitButtonMessagesDirective, SplitButtonCustomMessagesComponent, ToggleButtonTabStopModule] });
-SplitButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SplitButtonModule, imports: [CommonModule, PopupModule, ButtonModule, ListModule, ToggleButtonTabStopModule, ListModule, ToggleButtonTabStopModule] });
+SplitButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: SplitButtonModule, declarations: [SplitButtonComponent, LocalizedSplitButtonMessagesDirective, SplitButtonCustomMessagesComponent], imports: [CommonModule, PopupModule, ButtonModule, ListModule], exports: [SplitButtonComponent, ListModule, LocalizedSplitButtonMessagesDirective, SplitButtonCustomMessagesComponent, ToggleButtonTabStopModule] });
+SplitButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SplitButtonModule, imports: [CommonModule, PopupModule, ButtonModule, ListModule, ListModule, ToggleButtonTabStopModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SplitButtonModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [SplitButtonComponent, LocalizedSplitButtonMessagesDirective, SplitButtonCustomMessagesComponent],
                     exports: [SplitButtonComponent, ListModule, LocalizedSplitButtonMessagesDirective, SplitButtonCustomMessagesComponent, ToggleButtonTabStopModule],
-                    imports: [CommonModule, PopupModule, ButtonModule, ListModule, ToggleButtonTabStopModule]
+                    imports: [CommonModule, PopupModule, ButtonModule, ListModule]
                 }]
         }] });
 
@@ -3185,7 +3199,7 @@ DropDownButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0"
             (blur)="onButtonBlur()"
             [attr.aria-disabled]="disabled"
             [attr.aria-expanded]="openState"
-            [attr.aria-haspopup]="'menu'"
+            [attr.aria-haspopup]="'true'"
             [attr.aria-controls]="listId"
         >
             <ng-content></ng-content>
@@ -3246,7 +3260,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             (blur)="onButtonBlur()"
             [attr.aria-disabled]="disabled"
             [attr.aria-expanded]="openState"
-            [attr.aria-haspopup]="'menu'"
+            [attr.aria-haspopup]="'true'"
             [attr.aria-controls]="listId"
         >
             <ng-content></ng-content>

package/fesm2020/progress-kendo-angular-buttons.mjs

@@ -6,7 +6,7 @@ import * as i0 from '@angular/core';
 import { Injectable, EventEmitter, isDevMode, Component, Optional, Input, Output, HostBinding, HostListener, ContentChildren, NgModule, Directive, InjectionToken, Inject, forwardRef, ElementRef, ViewContainerRef, ContentChild, ViewChild } from '@angular/core';
 import { Subject, Subscription, fromEvent, merge } from 'rxjs';
 import * as i7 from '@progress/kendo-angular-common';
-import { isDocumentAvailable, isFirefox, Keys, isSafari, isChanged, hasObservers, guid, anyChanged, ToggleButtonTabStopModule, isPresent as isPresent$1, EventsModule } from '@progress/kendo-angular-common';
+import { isDocumentAvailable, isFirefox, Keys, isSafari, isChanged, hasObservers, MultiTabStop, guid, anyChanged, ToggleButtonTabStopModule, isPresent as isPresent$1, EventsModule } from '@progress/kendo-angular-common';
 export { ToggleButtonTabStopDirective } from '@progress/kendo-angular-common';
 import { caretAltDownIcon, xCircleIcon, moreVerticalIcon } from '@progress/kendo-svg-icons';
 import * as i1 from '@progress/kendo-angular-l10n';
@@ -47,8 +47,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-buttons',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1715939454,
-    version: '16.0.1-develop.1',
+    publishDate: 1716388228,
+    version: '16.1.0-develop.2',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -1306,17 +1306,16 @@ class ListComponent {
 }
 ListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
 ListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ListComponent, selector: "kendo-button-list", inputs: { data: "data", textField: "textField", itemTemplate: "itemTemplate", size: "size" }, outputs: { onItemClick: "onItemClick", onItemBlur: "onItemBlur" }, ngImport: i0, template: `
-        <ul class="k-group k-menu-group k-reset" [ngClass]="sizeClass" unselectable="on" role="menu">
-            <li role="menuitem"
-                unselectable="on"
-                kendoButtonFocusable
+        <ul class="k-group k-menu-group k-reset" role="list" [ngClass]="sizeClass">
+            <li kendoButtonFocusable
                 *ngFor="let dataItem of data; let index = index;"
                 [index]="index"
                 tabindex="-1"
                 class="k-item k-menu-item"
+                role="listitem"
+                [attr.aria-disabled]="dataItem.disabled ? true : false"
                 (click)="$event.stopImmediatePropagation(); onClick(index);"
-                (blur)="onBlur()"
-                [attr.aria-disabled]="dataItem.disabled ? true : false">
+                (blur)="onBlur()">
                 <ng-template [ngIf]="itemTemplate?.templateRef">
                     <span
                         class="k-link k-menu-link"
@@ -1342,7 +1341,7 @@ ListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version:
                             *ngIf="dataItem.imageUrl"
                             class="k-image"
                             [src]="dataItem.imageUrl"
-                            alt=""
+                            [alt]="dataItem.imageAlt"
                         >
                         <span *ngIf="getText(dataItem)" class="k-menu-link-text">
                             {{ getText(dataItem) }}
@@ -1357,17 +1356,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             args: [{
                     selector: 'kendo-button-list',
                     template: `
-        <ul class="k-group k-menu-group k-reset" [ngClass]="sizeClass" unselectable="on" role="menu">
-            <li role="menuitem"
-                unselectable="on"
-                kendoButtonFocusable
+        <ul class="k-group k-menu-group k-reset" role="list" [ngClass]="sizeClass">
+            <li kendoButtonFocusable
                 *ngFor="let dataItem of data; let index = index;"
                 [index]="index"
                 tabindex="-1"
                 class="k-item k-menu-item"
+                role="listitem"
+                [attr.aria-disabled]="dataItem.disabled ? true : false"
                 (click)="$event.stopImmediatePropagation(); onClick(index);"
-                (blur)="onBlur()"
-                [attr.aria-disabled]="dataItem.disabled ? true : false">
+                (blur)="onBlur()">
                 <ng-template [ngIf]="itemTemplate?.templateRef">
                     <span
                         class="k-link k-menu-link"
@@ -1393,7 +1391,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                             *ngIf="dataItem.imageUrl"
                             class="k-image"
                             [src]="dataItem.imageUrl"
-                            alt=""
+                            [alt]="dataItem.imageAlt"
                         >
                         <span *ngIf="getText(dataItem)" class="k-menu-link-text">
                             {{ getText(dataItem) }}
@@ -1554,7 +1552,7 @@ class NavigationService {
             }
         }
         if (action !== NavigationAction.Undefined) {
-            this[NavigationAction[action].toLowerCase()].emit({ index, target: args.target });
+            this[NavigationAction[action].toLowerCase()].emit({ index, target: args.target, esc: action === NavigationAction.Esc });
         }
         return action;
     }
@@ -1593,8 +1591,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
 /**
  * @hidden
  */
-class ListButton {
+class ListButton extends MultiTabStop {
     constructor(focusService, navigationService, wrapperRef, _zone, popupService, elRef, localization, cdr, containerService) {
+        super();
         this.focusService = focusService;
         this.navigationService = navigationService;
         this.wrapperRef = wrapperRef;
@@ -1625,6 +1624,12 @@ class ListButton {
          * This event is preventable. If you cancel the event, the popup will remain open.
          */
         this.close = new EventEmitter();
+        /**
+         * Needed by the kendoToggleButtonTabStop directive
+         *
+         * @hidden
+         */
+        this.escape = new EventEmitter();
         this.isClosePrevented = false;
         validatePackage(packageMetadata);
         this.focusService = focusService;
@@ -1876,7 +1881,7 @@ class ListButton {
     handleTab() {
         this.blurWrapper();
     }
-    onNavigationEnterUp() {
+    onNavigationEnterUp(e) {
         if (!this._disabled && !this.openState) {
             this._active = false;
         }
@@ -1896,10 +1901,11 @@ class ListButton {
             this.togglePopupVisibility();
         }
     }
-    onNavigationClose() {
+    onNavigationClose(e) {
         if (this.openState && !this.isClosePrevented) {
             this.togglePopupVisibility();
             if (isDocumentAvailable()) {
+                e?.esc && hasObservers(this.escape) && this.escape.emit();
                 this.button.nativeElement.focus();
             }
         }
@@ -1954,7 +1960,7 @@ class ListButton {
     }
 }
 ListButton.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ListButton, deps: [{ token: FocusService }, { token: NavigationService }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i3$1.PopupService }, { token: i0.ElementRef }, { token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: PopupContainerService }], target: i0.ɵɵFactoryTarget.Component });
-ListButton.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ListButton, selector: "ng-component", inputs: { disabled: "disabled", tabIndex: "tabIndex", buttonClass: "buttonClass", popupSettings: "popupSettings" }, outputs: { open: "open", close: "close" }, usesOnChanges: true, ngImport: i0, template: '', isInline: true });
+ListButton.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ListButton, selector: "ng-component", inputs: { disabled: "disabled", tabIndex: "tabIndex", buttonClass: "buttonClass", popupSettings: "popupSettings" }, outputs: { open: "open", close: "close", escape: "escape" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: '', isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ListButton, decorators: [{
             type: Component,
             args: [{
@@ -1970,6 +1976,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 type: Output
             }], close: [{
                 type: Output
+            }], escape: [{
+                type: Output
             }], popupSettings: [{
                 type: Input
             }] } });
@@ -2445,7 +2453,7 @@ class SplitButtonComponent extends ListButton {
      */
     onNavigationEnterUp(args) {
         if (args.target !== this.button.nativeElement) {
-            super.onNavigationEnterUp();
+            super.onNavigationEnterUp(args);
         }
     }
     /**
@@ -2561,7 +2569,11 @@ SplitButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
             provide: L10N_PREFIX,
             useValue: 'kendo.splitbutton'
         },
-        PopupContainerService
+        PopupContainerService,
+        {
+            provide: MultiTabStop,
+            useExisting: forwardRef(() => SplitButtonComponent)
+        }
     ], queries: [{ propertyName: "itemTemplate", first: true, predicate: ButtonItemTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "button", first: true, predicate: ["button"], descendants: true, read: ElementRef }, { propertyName: "arrowButton", first: true, predicate: ["arrowButton"], descendants: true, read: ElementRef }, { propertyName: "popupTemplate", first: true, predicate: ["popupTemplate"], descendants: true }, { propertyName: "containerRef", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef }], exportAs: ["kendoSplitButton"], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `
         <ng-container kendoSplitButtonLocalizedMessages
             i18n-splitButtonLabel="kendo.splitbutton.splitButtonLabel|The text for the SplitButton aria-label"
@@ -2588,10 +2600,9 @@ SplitButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
             (blur)="onButtonBlur()"
             (mousedown)="toggleButtonActiveState(true)"
             (mouseup)="toggleButtonActiveState(false)"
-            [attr.aria-disabled]="disabled"
             [attr.aria-expanded]="openState"
-            [attr.aria-haspopup]="'menu'"
-            [attr.aria-owns]="listId"
+            [attr.aria-haspopup]="'true'"
+            [attr.aria-controls]="listId"
             [attr.aria-label]="ariaLabel"
         >
             <span *ngIf="text" class="k-button-text">
@@ -2645,7 +2656,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                             provide: L10N_PREFIX,
                             useValue: 'kendo.splitbutton'
                         },
-                        PopupContainerService
+                        PopupContainerService,
+                        {
+                            provide: MultiTabStop,
+                            useExisting: forwardRef(() => SplitButtonComponent)
+                        }
                     ],
                     selector: 'kendo-splitbutton',
                     template: `
@@ -2674,10 +2689,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             (blur)="onButtonBlur()"
             (mousedown)="toggleButtonActiveState(true)"
             (mouseup)="toggleButtonActiveState(false)"
-            [attr.aria-disabled]="disabled"
             [attr.aria-expanded]="openState"
-            [attr.aria-haspopup]="'menu'"
-            [attr.aria-owns]="listId"
+            [attr.aria-haspopup]="'true'"
+            [attr.aria-controls]="listId"
             [attr.aria-label]="ariaLabel"
         >
             <span *ngIf="text" class="k-button-text">
@@ -2849,14 +2863,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
 class SplitButtonModule {
 }
 SplitButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SplitButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SplitButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: SplitButtonModule, declarations: [SplitButtonComponent, LocalizedSplitButtonMessagesDirective, SplitButtonCustomMessagesComponent], imports: [CommonModule, PopupModule, ButtonModule, ListModule, ToggleButtonTabStopModule], exports: [SplitButtonComponent, ListModule, LocalizedSplitButtonMessagesDirective, SplitButtonCustomMessagesComponent, ToggleButtonTabStopModule] });
-SplitButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SplitButtonModule, imports: [CommonModule, PopupModule, ButtonModule, ListModule, ToggleButtonTabStopModule, ListModule, ToggleButtonTabStopModule] });
+SplitButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: SplitButtonModule, declarations: [SplitButtonComponent, LocalizedSplitButtonMessagesDirective, SplitButtonCustomMessagesComponent], imports: [CommonModule, PopupModule, ButtonModule, ListModule], exports: [SplitButtonComponent, ListModule, LocalizedSplitButtonMessagesDirective, SplitButtonCustomMessagesComponent, ToggleButtonTabStopModule] });
+SplitButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SplitButtonModule, imports: [CommonModule, PopupModule, ButtonModule, ListModule, ListModule, ToggleButtonTabStopModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SplitButtonModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [SplitButtonComponent, LocalizedSplitButtonMessagesDirective, SplitButtonCustomMessagesComponent],
                     exports: [SplitButtonComponent, ListModule, LocalizedSplitButtonMessagesDirective, SplitButtonCustomMessagesComponent, ToggleButtonTabStopModule],
-                    imports: [CommonModule, PopupModule, ButtonModule, ListModule, ToggleButtonTabStopModule]
+                    imports: [CommonModule, PopupModule, ButtonModule, ListModule]
                 }]
         }] });
 
@@ -3178,7 +3192,7 @@ DropDownButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0"
             (blur)="onButtonBlur()"
             [attr.aria-disabled]="disabled"
             [attr.aria-expanded]="openState"
-            [attr.aria-haspopup]="'menu'"
+            [attr.aria-haspopup]="'true'"
             [attr.aria-controls]="listId"
         >
             <ng-content></ng-content>
@@ -3239,7 +3253,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             (blur)="onButtonBlur()"
             [attr.aria-disabled]="disabled"
             [attr.aria-expanded]="openState"
-            [attr.aria-haspopup]="'menu'"
+            [attr.aria-haspopup]="'true'"
             [attr.aria-controls]="listId"
         >
             <ng-content></ng-content>

package/listbutton/list-button.d.ts

@@ -13,11 +13,12 @@ import { Direction } from '../direction';
 import { PreventableEvent } from '../preventable-event';
 import { Align, PopupRef, PopupService } from '@progress/kendo-angular-popup';
 import { PopupContainerService } from './container.service';
+import { MultiTabStop } from '@progress/kendo-angular-common';
 import * as i0 from "@angular/core";
 /**
  * @hidden
  */
-export declare class ListButton implements OnDestroy {
+export declare class ListButton extends MultiTabStop implements OnDestroy {
     protected focusService: FocusService;
     protected navigationService: NavigationService;
     protected wrapperRef: ElementRef;
@@ -65,6 +66,12 @@ export declare class ListButton implements OnDestroy {
      * This event is preventable. If you cancel the event, the popup will remain open.
      */
     close: EventEmitter<PreventableEvent>;
+    /**
+     * Needed by the kendoToggleButtonTabStop directive
+     *
+     * @hidden
+     */
+    escape: EventEmitter<any>;
     /**
      * @hidden
      */
@@ -140,9 +147,9 @@ export declare class ListButton implements OnDestroy {
     protected blurWrapper(emit?: boolean): void;
     protected focusButton(): void;
     protected handleTab(): void;
-    protected onNavigationEnterUp(): void;
+    protected onNavigationEnterUp(e?: any): void;
     protected onNavigationOpen(): void;
-    protected onNavigationClose(): void;
+    protected onNavigationClose(e?: any): void;
     protected onArrowKeyNavigate({ index }: {
         index: any;
     }): void;
@@ -150,5 +157,5 @@ export declare class ListButton implements OnDestroy {
     private createPopup;
     private destroyPopup;
     static ɵfac: i0.ɵɵFactoryDeclaration<ListButton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ListButton, "ng-component", never, { "disabled": "disabled"; "tabIndex": "tabIndex"; "buttonClass": "buttonClass"; "popupSettings": "popupSettings"; }, { "open": "open"; "close": "close"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ListButton, "ng-component", never, { "disabled": "disabled"; "tabIndex": "tabIndex"; "buttonClass": "buttonClass"; "popupSettings": "popupSettings"; }, { "open": "open"; "close": "close"; "escape": "escape"; }, never, never, false, never>;
 }

package/listbutton/list-item-model.d.ts

@@ -65,6 +65,10 @@ export interface ListItemModel {
      * Defines the location of an image to be displayed next to the title.
      */
     imageUrl?: string;
+    /**
+     * Defines the value of the image element `alt` attribute.
+     */
+    imageAlt?: string;
     /**
      * When set to `true`, disables a button list item.
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-buttons",
-  "version": "16.0.1-develop.1",
+  "version": "16.1.0-develop.2",
   "description": "Buttons Package for Angular",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -25,15 +25,15 @@
     "@angular/core": "15 - 17",
     "@angular/platform-browser": "15 - 17",
     "@progress/kendo-licensing": "^1.0.2",
-    "@progress/kendo-angular-common": "16.0.1-develop.1",
-    "@progress/kendo-angular-l10n": "16.0.1-develop.1",
-    "@progress/kendo-angular-popup": "16.0.1-develop.1",
-    "@progress/kendo-angular-icons": "16.0.1-develop.1",
+    "@progress/kendo-angular-common": "16.1.0-develop.2",
+    "@progress/kendo-angular-l10n": "16.1.0-develop.2",
+    "@progress/kendo-angular-popup": "16.1.0-develop.2",
+    "@progress/kendo-angular-icons": "16.1.0-develop.2",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "16.0.1-develop.1",
+    "@progress/kendo-angular-schematics": "16.1.0-develop.2",
     "@progress/kendo-common": "^0.2.1"
   },
   "schematics": "./schematics/collection.json",

package/splitbutton/splitbutton.module.d.ts

@@ -21,6 +21,6 @@ import * as i8 from "@progress/kendo-angular-common";
  */
 export declare class SplitButtonModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SplitButtonModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SplitButtonModule, [typeof i1.SplitButtonComponent, typeof i2.LocalizedSplitButtonMessagesDirective, typeof i3.SplitButtonCustomMessagesComponent], [typeof i4.CommonModule, typeof i5.PopupModule, typeof i6.ButtonModule, typeof i7.ListModule, typeof i8.ToggleButtonTabStopModule], [typeof i1.SplitButtonComponent, typeof i7.ListModule, typeof i2.LocalizedSplitButtonMessagesDirective, typeof i3.SplitButtonCustomMessagesComponent, typeof i8.ToggleButtonTabStopModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SplitButtonModule, [typeof i1.SplitButtonComponent, typeof i2.LocalizedSplitButtonMessagesDirective, typeof i3.SplitButtonCustomMessagesComponent], [typeof i4.CommonModule, typeof i5.PopupModule, typeof i6.ButtonModule, typeof i7.ListModule], [typeof i1.SplitButtonComponent, typeof i7.ListModule, typeof i2.LocalizedSplitButtonMessagesDirective, typeof i3.SplitButtonCustomMessagesComponent, typeof i8.ToggleButtonTabStopModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SplitButtonModule>;
 }