@progress/kendo-angular-buttons 17.0.0-develop.7 → 17.0.0-develop.8

package/button/button.component.d.ts

@@ -12,9 +12,8 @@ import * as i0 from "@angular/core";
 /**
  * Represents the Kendo UI Button component for Angular.
  *
- * As of package v16, the `span[kendoButton]` and `kendo-button` selectors are deprecated and can
- * be removed in a future major version. We recommend using the `button[kendoButton]` selector
- * to avoid discrepancies between the behavior of the `ButtonComponent` and the native HTML Button element.
+ * As of package v17, the `span[kendoButton]` and `kendo-button` selectors are removed.
+ * Please use the `button[kendoButton]` selector only.
  */
 export declare class ButtonComponent implements OnDestroy, AfterViewInit {
     renderer: Renderer2;
@@ -115,10 +114,6 @@ export declare class ButtonComponent implements OnDestroy, AfterViewInit {
      */
     set svgIcon(icon: SVGIcon);
     get svgIcon(): SVGIcon;
-    /**
-     * @hidden
-     */
-    role: string;
     /**
      * Fires each time the selected state of a toggleable button is changed.
      *
@@ -148,7 +143,6 @@ export declare class ButtonComponent implements OnDestroy, AfterViewInit {
     get classButton(): boolean;
     get isToggleable(): boolean;
     get iconButtonClass(): boolean;
-    get roleSetter(): string;
     get classDisabled(): boolean;
     get classActive(): boolean;
     get getDirection(): string;
@@ -212,5 +206,5 @@ export declare class ButtonComponent implements OnDestroy, AfterViewInit {
     private handleClasses;
     private handleThemeColor;
     static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, [null, null, { optional: true; }, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "button[kendoButton], span[kendoButton], kendo-button", ["kendoButton"], { "arrowIcon": "arrowIcon"; "toggleable": "toggleable"; "togglable": "togglable"; "selected": "selected"; "tabIndex": "tabIndex"; "imageUrl": "imageUrl"; "iconClass": "iconClass"; "icon": "icon"; "disabled": "disabled"; "size": "size"; "rounded": "rounded"; "fillMode": "fillMode"; "themeColor": "themeColor"; "svgIcon": "svgIcon"; "role": "role"; "primary": "primary"; "look": "look"; }, { "selectedChange": "selectedChange"; "click": "click"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "button[kendoButton]", ["kendoButton"], { "arrowIcon": "arrowIcon"; "toggleable": "toggleable"; "togglable": "togglable"; "selected": "selected"; "tabIndex": "tabIndex"; "imageUrl": "imageUrl"; "iconClass": "iconClass"; "icon": "icon"; "disabled": "disabled"; "size": "size"; "rounded": "rounded"; "fillMode": "fillMode"; "themeColor": "themeColor"; "svgIcon": "svgIcon"; "primary": "primary"; "look": "look"; }, { "selectedChange": "selectedChange"; "click": "click"; }, never, ["*"], true, never>;
 }

package/buttongroup/buttongroup.component.d.ts

@@ -90,5 +90,5 @@ export declare class ButtonGroupComponent implements OnInit, OnDestroy, AfterCon
     private handleSubs;
     private focusHandler;
     static ɵfac: i0.ɵɵFactoryDeclaration<ButtonGroupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonGroupComponent, "kendo-buttongroup", ["kendoButtonGroup"], { "disabled": "disabled"; "selection": "selection"; "width": "width"; "tabIndex": "tabIndex"; "navigable": "navigable"; }, { "navigate": "navigate"; }, ["buttons"], ["[kendoButton], kendo-button"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonGroupComponent, "kendo-buttongroup", ["kendoButtonGroup"], { "disabled": "disabled"; "selection": "selection"; "width": "width"; "tabIndex": "tabIndex"; "navigable": "navigable"; }, { "navigate": "navigate"; }, ["buttons"], ["[kendoButton]"], true, never>;
 }

package/esm2020/button/button.component.mjs

@@ -4,7 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import { Component, ElementRef, EventEmitter, HostBinding, HostListener, Input, Renderer2, Output, Optional, NgZone, isDevMode } from '@angular/core';
 import { KendoButtonService } from './button.service';
-import { isDocumentAvailable, isChanged, hasObservers, Keys, isSafari, isFirefox } from '@progress/kendo-angular-common';
+import { isDocumentAvailable, isChanged, hasObservers, isSafari, isFirefox } from '@progress/kendo-angular-common';
 import { caretAltDownIcon } from '@progress/kendo-svg-icons';
 import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
 import { Subscription } from 'rxjs';
@@ -16,9 +16,6 @@ import { NgIf, NgClass } from '@angular/common';
 import * as i0 from "@angular/core";
 import * as i1 from "./button.service";
 import * as i2 from "@progress/kendo-angular-l10n";
-const SPAN_TAG_NAME = 'SPAN';
-const BUTTON_TAG_NAME = 'BUTTON';
-const KENDO_BUTTON_TAG_NAME = 'KENDO-BUTTON';
 const DEFAULT_ROUNDED = 'medium';
 const DEFAULT_SIZE = 'medium';
 const DEFAULT_THEME_COLOR = 'base';
@@ -26,9 +23,8 @@ const DEFAULT_FILL_MODE = 'solid';
 /**
  * Represents the Kendo UI Button component for Angular.
  *
- * As of package v16, the `span[kendoButton]` and `kendo-button` selectors are deprecated and can
- * be removed in a future major version. We recommend using the `button[kendoButton]` selector
- * to avoid discrepancies between the behavior of the `ButtonComponent` and the native HTML Button element.
+ * As of package v17, the `span[kendoButton]` and `kendo-button` selectors are removed.
+ * Please use the `button[kendoButton]` selector only.
  */
 export class ButtonComponent {
     constructor(element, renderer, service, localization, ngZone) {
@@ -47,10 +43,6 @@ export class ButtonComponent {
          * @default false
          */
         this.toggleable = false;
-        /**
-         * @hidden
-         */
-        this.role = 'button';
         /**
          * Fires each time the selected state of a toggleable button is changed.
          *
@@ -235,10 +227,6 @@ export class ButtonComponent {
         const hasIcon = this.icon || this.iconClass || this.imageUrl || this.svgIcon;
         return hasIcon && !this.hasText;
     }
-    get roleSetter() {
-        const isButtonElementAndRole = this.element.tagName === BUTTON_TAG_NAME && this.role === 'button';
-        return isButtonElementAndRole ? undefined : this.role;
-    }
     get classDisabled() {
         return this.isDisabled;
     }
@@ -289,41 +277,14 @@ export class ButtonComponent {
         return this.element;
     }
     ngOnInit() {
-        const elementTagName = this.element.tagName;
-        const isSpanOrKendoButton = elementTagName === SPAN_TAG_NAME || elementTagName === KENDO_BUTTON_TAG_NAME;
         if (!this.element.hasAttribute('role') && this.togglable) {
             this.toggleAriaPressed(this.toggleable);
         }
-        if (this.role) {
-            const isButtonElementAndRole = elementTagName === BUTTON_TAG_NAME && this.role === 'button';
-            if (!isButtonElementAndRole) {
-                this.setAttribute('role', this.role);
-            }
-        }
-        if (isSpanOrKendoButton && !this.isDisabled) {
-            this.tabIndex = 0;
-        }
-        if (isDevMode() && isSpanOrKendoButton) {
-            console.warn(`As of package v16, the "span[kendoButton]" and "kendo-button" selectors are deprecated and can
-            be removed in a future major version. We recommend using the "button[kendoButton]" selector
-            to avoid discrepancies between the behavior of the "ButtonComponent" and the native HTML Button element.`);
-        }
         this.ngZone.runOutsideAngular(() => {
             this.subs.add(this.renderer.listen(this.element, 'click', this._onButtonClick.bind(this)));
-            this.subs.add(this.renderer.listen(this.element, 'keydown', (event) => {
-                const isSpaceOrEnter = event.keyCode === Keys.Space || event.keyCode === Keys.Enter;
-                if (isSpanOrKendoButton && isSpaceOrEnter) {
-                    this.ngZone.run(() => {
-                        this.click.emit(event);
-                    });
-                    this._onButtonClick();
-                }
-            }));
             this.subs.add(this.renderer.listen(this.element, 'mousedown', (event) => {
-                const elementTagName = this.element.tagName;
-                const isButton = elementTagName === BUTTON_TAG_NAME;
                 const isBrowserSafari = isDocumentAvailable() && isSafari(navigator.userAgent);
-                if (!this.isDisabled && isButton && isBrowserSafari) {
+                if (!this.isDisabled && isBrowserSafari) {
                     event.preventDefault();
                     this.element.focus();
                 }
@@ -452,7 +413,7 @@ export class ButtonComponent {
     }
 }
 ButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ButtonComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.KendoButtonService, optional: true }, { token: i2.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ButtonComponent, isStandalone: true, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: { arrowIcon: "arrowIcon", toggleable: "toggleable", togglable: "togglable", selected: "selected", tabIndex: "tabIndex", imageUrl: "imageUrl", iconClass: "iconClass", icon: "icon", disabled: "disabled", size: "size", rounded: "rounded", fillMode: "fillMode", themeColor: "themeColor", svgIcon: "svgIcon", role: "role", primary: "primary", look: "look" }, outputs: { selectedChange: "selectedChange", click: "click" }, host: { listeners: { "focus": "onFocus()", "blur": "onBlur()" }, properties: { "class.k-button": "this.classButton", "class.k-toggle-button": "this.isToggleable", "class.k-icon-button": "this.iconButtonClass", "attr.role": "this.roleSetter", "attr.aria-disabled": "this.classDisabled", "class.k-disabled": "this.classDisabled", "class.k-selected": "this.classActive", "attr.dir": "this.getDirection" } }, providers: [
+ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ButtonComponent, isStandalone: true, selector: "button[kendoButton]", inputs: { arrowIcon: "arrowIcon", toggleable: "toggleable", togglable: "togglable", selected: "selected", tabIndex: "tabIndex", imageUrl: "imageUrl", iconClass: "iconClass", icon: "icon", disabled: "disabled", size: "size", rounded: "rounded", fillMode: "fillMode", themeColor: "themeColor", svgIcon: "svgIcon", primary: "primary", look: "look" }, outputs: { selectedChange: "selectedChange", click: "click" }, host: { listeners: { "focus": "onFocus()", "blur": "onBlur()" }, properties: { "class.k-button": "this.classButton", "class.k-toggle-button": "this.isToggleable", "class.k-icon-button": "this.iconButtonClass", "attr.aria-disabled": "this.classDisabled", "class.k-disabled": "this.classDisabled", "class.k-selected": "this.classActive", "attr.dir": "this.getDirection" } }, providers: [
         LocalizationService,
         {
             provide: L10N_PREFIX,
@@ -488,7 +449,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                             useValue: 'kendo.button'
                         }
                     ],
-                    selector: 'button[kendoButton], span[kendoButton], kendo-button',
+                    selector: 'button[kendoButton]',
                     template: `
         <kendo-icon-wrapper
             *ngIf="icon || svgIcon"
@@ -541,8 +502,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 type: Input
             }], svgIcon: [{
                 type: Input
-            }], role: [{
-                type: Input
             }], selectedChange: [{
                 type: Output
             }], click: [{
@@ -556,9 +515,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             }], iconButtonClass: [{
                 type: HostBinding,
                 args: ['class.k-icon-button']
-            }], roleSetter: [{
-                type: HostBinding,
-                args: ['attr.role']
             }], classDisabled: [{
                 type: HostBinding,
                 args: ['attr.aria-disabled']

package/esm2020/buttongroup/buttongroup.component.mjs

@@ -242,7 +242,7 @@ ButtonGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
             useValue: 'kendo.buttongroup'
         }
     ], queries: [{ propertyName: "buttons", predicate: ButtonComponent }], exportAs: ["kendoButtonGroup"], usesOnChanges: true, ngImport: i0, template: `
-        <ng-content select="[kendoButton], kendo-button"></ng-content>
+        <ng-content select="[kendoButton]"></ng-content>
     `, isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ButtonGroupComponent, decorators: [{
             type: Component,
@@ -258,7 +258,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                     ],
                     selector: 'kendo-buttongroup',
                     template: `
-        <ng-content select="[kendoButton], kendo-button"></ng-content>
+        <ng-content select="[kendoButton]"></ng-content>
     `,
                     standalone: true
                 }]

package/esm2020/dropdownbutton/dropdownbutton.component.mjs

@@ -366,7 +366,7 @@ DropDownButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0"
             </kendo-button-list>
         </ng-template>
         <ng-container #container></ng-container>
-    `, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ListComponent, selector: "kendo-button-list", inputs: ["data", "textField", "itemTemplate", "size"], outputs: ["onItemClick", "onItemBlur"] }] });
+    `, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ListComponent, selector: "kendo-button-list", inputs: ["data", "textField", "itemTemplate", "size"], outputs: ["onItemClick", "onItemBlur"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DropDownButtonComponent, decorators: [{
             type: Component,
             args: [{

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: 1729052682,
-    version: '17.0.0-develop.7',
+    publishDate: 1729169934,
+    version: '17.0.0-develop.8',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

package/esm2020/splitbutton/splitbutton.component.mjs

@@ -642,7 +642,7 @@ SplitButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
             </kendo-button-list>
         </ng-template>
         <ng-container #container></ng-container>
-    `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedSplitButtonMessagesDirective, selector: "[kendoSplitButtonLocalizedMessages]" }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ListComponent, selector: "kendo-button-list", inputs: ["data", "textField", "itemTemplate", "size"], outputs: ["onItemClick", "onItemBlur"] }] });
+    `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedSplitButtonMessagesDirective, selector: "[kendoSplitButtonLocalizedMessages]" }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ListComponent, selector: "kendo-button-list", inputs: ["data", "textField", "itemTemplate", "size"], outputs: ["onItemClick", "onItemBlur"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SplitButtonComponent, decorators: [{
             type: Component,
             args: [{

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

@@ -4,7 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import * as i0 from '@angular/core';
 import { Injectable, EventEmitter, isDevMode, Component, Optional, Input, Output, HostBinding, HostListener, ContentChildren, Directive, InjectionToken, Inject, ElementRef, ViewContainerRef, ContentChild, ViewChild, forwardRef, NgModule } from '@angular/core';
-import { isDocumentAvailable, isFirefox, Keys, isSafari, isChanged, hasObservers, MultiTabStop, guid, TemplateContextDirective, isPresent as isPresent$1, EventsOutsideAngularDirective, anyChanged, ResizeBatchService } from '@progress/kendo-angular-common';
+import { isDocumentAvailable, isFirefox, isSafari, isChanged, hasObservers, Keys, MultiTabStop, guid, TemplateContextDirective, isPresent as isPresent$1, EventsOutsideAngularDirective, anyChanged, ResizeBatchService } 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';
@@ -26,8 +26,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-buttons',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1729052682,
-    version: '17.0.0-develop.7',
+    publishDate: 1729169934,
+    version: '17.0.0-develop.8',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -141,9 +141,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             type: Injectable
         }] });
 
-const SPAN_TAG_NAME = 'SPAN';
-const BUTTON_TAG_NAME = 'BUTTON';
-const KENDO_BUTTON_TAG_NAME = 'KENDO-BUTTON';
 const DEFAULT_ROUNDED$3 = 'medium';
 const DEFAULT_SIZE$2 = 'medium';
 const DEFAULT_THEME_COLOR$2 = 'base';
@@ -151,9 +148,8 @@ const DEFAULT_FILL_MODE$3 = 'solid';
 /**
  * Represents the Kendo UI Button component for Angular.
  *
- * As of package v16, the `span[kendoButton]` and `kendo-button` selectors are deprecated and can
- * be removed in a future major version. We recommend using the `button[kendoButton]` selector
- * to avoid discrepancies between the behavior of the `ButtonComponent` and the native HTML Button element.
+ * As of package v17, the `span[kendoButton]` and `kendo-button` selectors are removed.
+ * Please use the `button[kendoButton]` selector only.
  */
 class ButtonComponent {
     constructor(element, renderer, service, localization, ngZone) {
@@ -172,10 +168,6 @@ class ButtonComponent {
          * @default false
          */
         this.toggleable = false;
-        /**
-         * @hidden
-         */
-        this.role = 'button';
         /**
          * Fires each time the selected state of a toggleable button is changed.
          *
@@ -360,10 +352,6 @@ class ButtonComponent {
         const hasIcon = this.icon || this.iconClass || this.imageUrl || this.svgIcon;
         return hasIcon && !this.hasText;
     }
-    get roleSetter() {
-        const isButtonElementAndRole = this.element.tagName === BUTTON_TAG_NAME && this.role === 'button';
-        return isButtonElementAndRole ? undefined : this.role;
-    }
     get classDisabled() {
         return this.isDisabled;
     }
@@ -414,41 +402,14 @@ class ButtonComponent {
         return this.element;
     }
     ngOnInit() {
-        const elementTagName = this.element.tagName;
-        const isSpanOrKendoButton = elementTagName === SPAN_TAG_NAME || elementTagName === KENDO_BUTTON_TAG_NAME;
         if (!this.element.hasAttribute('role') && this.togglable) {
             this.toggleAriaPressed(this.toggleable);
         }
-        if (this.role) {
-            const isButtonElementAndRole = elementTagName === BUTTON_TAG_NAME && this.role === 'button';
-            if (!isButtonElementAndRole) {
-                this.setAttribute('role', this.role);
-            }
-        }
-        if (isSpanOrKendoButton && !this.isDisabled) {
-            this.tabIndex = 0;
-        }
-        if (isDevMode() && isSpanOrKendoButton) {
-            console.warn(`As of package v16, the "span[kendoButton]" and "kendo-button" selectors are deprecated and can
-            be removed in a future major version. We recommend using the "button[kendoButton]" selector
-            to avoid discrepancies between the behavior of the "ButtonComponent" and the native HTML Button element.`);
-        }
         this.ngZone.runOutsideAngular(() => {
             this.subs.add(this.renderer.listen(this.element, 'click', this._onButtonClick.bind(this)));
-            this.subs.add(this.renderer.listen(this.element, 'keydown', (event) => {
-                const isSpaceOrEnter = event.keyCode === Keys.Space || event.keyCode === Keys.Enter;
-                if (isSpanOrKendoButton && isSpaceOrEnter) {
-                    this.ngZone.run(() => {
-                        this.click.emit(event);
-                    });
-                    this._onButtonClick();
-                }
-            }));
             this.subs.add(this.renderer.listen(this.element, 'mousedown', (event) => {
-                const elementTagName = this.element.tagName;
-                const isButton = elementTagName === BUTTON_TAG_NAME;
                 const isBrowserSafari = isDocumentAvailable() && isSafari(navigator.userAgent);
-                if (!this.isDisabled && isButton && isBrowserSafari) {
+                if (!this.isDisabled && isBrowserSafari) {
                     event.preventDefault();
                     this.element.focus();
                 }
@@ -577,7 +538,7 @@ class ButtonComponent {
     }
 }
 ButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ButtonComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: KendoButtonService, optional: true }, { token: i1.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ButtonComponent, isStandalone: true, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: { arrowIcon: "arrowIcon", toggleable: "toggleable", togglable: "togglable", selected: "selected", tabIndex: "tabIndex", imageUrl: "imageUrl", iconClass: "iconClass", icon: "icon", disabled: "disabled", size: "size", rounded: "rounded", fillMode: "fillMode", themeColor: "themeColor", svgIcon: "svgIcon", role: "role", primary: "primary", look: "look" }, outputs: { selectedChange: "selectedChange", click: "click" }, host: { listeners: { "focus": "onFocus()", "blur": "onBlur()" }, properties: { "class.k-button": "this.classButton", "class.k-toggle-button": "this.isToggleable", "class.k-icon-button": "this.iconButtonClass", "attr.role": "this.roleSetter", "attr.aria-disabled": "this.classDisabled", "class.k-disabled": "this.classDisabled", "class.k-selected": "this.classActive", "attr.dir": "this.getDirection" } }, providers: [
+ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ButtonComponent, isStandalone: true, selector: "button[kendoButton]", inputs: { arrowIcon: "arrowIcon", toggleable: "toggleable", togglable: "togglable", selected: "selected", tabIndex: "tabIndex", imageUrl: "imageUrl", iconClass: "iconClass", icon: "icon", disabled: "disabled", size: "size", rounded: "rounded", fillMode: "fillMode", themeColor: "themeColor", svgIcon: "svgIcon", primary: "primary", look: "look" }, outputs: { selectedChange: "selectedChange", click: "click" }, host: { listeners: { "focus": "onFocus()", "blur": "onBlur()" }, properties: { "class.k-button": "this.classButton", "class.k-toggle-button": "this.isToggleable", "class.k-icon-button": "this.iconButtonClass", "attr.aria-disabled": "this.classDisabled", "class.k-disabled": "this.classDisabled", "class.k-selected": "this.classActive", "attr.dir": "this.getDirection" } }, providers: [
         LocalizationService,
         {
             provide: L10N_PREFIX,
@@ -613,7 +574,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                             useValue: 'kendo.button'
                         }
                     ],
-                    selector: 'button[kendoButton], span[kendoButton], kendo-button',
+                    selector: 'button[kendoButton]',
                     template: `
         <kendo-icon-wrapper
             *ngIf="icon || svgIcon"
@@ -668,8 +629,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 type: Input
             }], svgIcon: [{
                 type: Input
-            }], role: [{
-                type: Input
             }], selectedChange: [{
                 type: Output
             }], click: [{
@@ -683,9 +642,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             }], iconButtonClass: [{
                 type: HostBinding,
                 args: ['class.k-icon-button']
-            }], roleSetter: [{
-                type: HostBinding,
-                args: ['attr.role']
             }], classDisabled: [{
                 type: HostBinding,
                 args: ['attr.aria-disabled']
@@ -960,7 +916,7 @@ ButtonGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
             useValue: 'kendo.buttongroup'
         }
     ], queries: [{ propertyName: "buttons", predicate: ButtonComponent }], exportAs: ["kendoButtonGroup"], usesOnChanges: true, ngImport: i0, template: `
-        <ng-content select="[kendoButton], kendo-button"></ng-content>
+        <ng-content select="[kendoButton]"></ng-content>
     `, isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ButtonGroupComponent, decorators: [{
             type: Component,
@@ -976,7 +932,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                     ],
                     selector: 'kendo-buttongroup',
                     template: `
-        <ng-content select="[kendoButton], kendo-button"></ng-content>
+        <ng-content select="[kendoButton]"></ng-content>
     `,
                     standalone: true
                 }]
@@ -3013,7 +2969,7 @@ DropDownButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0"
             </kendo-button-list>
         </ng-template>
         <ng-container #container></ng-container>
-    `, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ListComponent, selector: "kendo-button-list", inputs: ["data", "textField", "itemTemplate", "size"], outputs: ["onItemClick", "onItemBlur"] }] });
+    `, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ListComponent, selector: "kendo-button-list", inputs: ["data", "textField", "itemTemplate", "size"], outputs: ["onItemClick", "onItemBlur"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DropDownButtonComponent, decorators: [{
             type: Component,
             args: [{
@@ -5074,7 +5030,7 @@ SplitButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
             </kendo-button-list>
         </ng-template>
         <ng-container #container></ng-container>
-    `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedSplitButtonMessagesDirective, selector: "[kendoSplitButtonLocalizedMessages]" }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ListComponent, selector: "kendo-button-list", inputs: ["data", "textField", "itemTemplate", "size"], outputs: ["onItemClick", "onItemBlur"] }] });
+    `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedSplitButtonMessagesDirective, selector: "[kendoSplitButtonLocalizedMessages]" }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ListComponent, selector: "kendo-button-list", inputs: ["data", "textField", "itemTemplate", "size"], outputs: ["onItemClick", "onItemBlur"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SplitButtonComponent, decorators: [{
             type: Component,
             args: [{

package/fesm2020/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, Directive, InjectionToken, Inject, ElementRef, ViewContainerRef, ContentChild, ViewChild, forwardRef, NgModule } from '@angular/core';
 import { Subject, Subscription, fromEvent, merge } from 'rxjs';
-import { isDocumentAvailable, isFirefox, Keys, isSafari, isChanged, hasObservers, MultiTabStop, guid, TemplateContextDirective, isPresent as isPresent$1, EventsOutsideAngularDirective, anyChanged, ResizeBatchService } from '@progress/kendo-angular-common';
+import { isDocumentAvailable, isFirefox, isSafari, isChanged, hasObservers, Keys, MultiTabStop, guid, TemplateContextDirective, isPresent as isPresent$1, EventsOutsideAngularDirective, anyChanged, ResizeBatchService } 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';
@@ -44,8 +44,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-buttons',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1729052682,
-    version: '17.0.0-develop.7',
+    publishDate: 1729169934,
+    version: '17.0.0-develop.8',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -141,9 +141,6 @@ const getThemeColorClasses = (componentType, prevFillMode, fillMode, previousVal
     };
 };
 
-const SPAN_TAG_NAME = 'SPAN';
-const BUTTON_TAG_NAME = 'BUTTON';
-const KENDO_BUTTON_TAG_NAME = 'KENDO-BUTTON';
 const DEFAULT_ROUNDED$3 = 'medium';
 const DEFAULT_SIZE$2 = 'medium';
 const DEFAULT_THEME_COLOR$2 = 'base';
@@ -151,9 +148,8 @@ const DEFAULT_FILL_MODE$3 = 'solid';
 /**
  * Represents the Kendo UI Button component for Angular.
  *
- * As of package v16, the `span[kendoButton]` and `kendo-button` selectors are deprecated and can
- * be removed in a future major version. We recommend using the `button[kendoButton]` selector
- * to avoid discrepancies between the behavior of the `ButtonComponent` and the native HTML Button element.
+ * As of package v17, the `span[kendoButton]` and `kendo-button` selectors are removed.
+ * Please use the `button[kendoButton]` selector only.
  */
 class ButtonComponent {
     constructor(element, renderer, service, localization, ngZone) {
@@ -172,10 +168,6 @@ class ButtonComponent {
          * @default false
          */
         this.toggleable = false;
-        /**
-         * @hidden
-         */
-        this.role = 'button';
         /**
          * Fires each time the selected state of a toggleable button is changed.
          *
@@ -360,10 +352,6 @@ class ButtonComponent {
         const hasIcon = this.icon || this.iconClass || this.imageUrl || this.svgIcon;
         return hasIcon && !this.hasText;
     }
-    get roleSetter() {
-        const isButtonElementAndRole = this.element.tagName === BUTTON_TAG_NAME && this.role === 'button';
-        return isButtonElementAndRole ? undefined : this.role;
-    }
     get classDisabled() {
         return this.isDisabled;
     }
@@ -414,41 +402,14 @@ class ButtonComponent {
         return this.element;
     }
     ngOnInit() {
-        const elementTagName = this.element.tagName;
-        const isSpanOrKendoButton = elementTagName === SPAN_TAG_NAME || elementTagName === KENDO_BUTTON_TAG_NAME;
         if (!this.element.hasAttribute('role') && this.togglable) {
             this.toggleAriaPressed(this.toggleable);
         }
-        if (this.role) {
-            const isButtonElementAndRole = elementTagName === BUTTON_TAG_NAME && this.role === 'button';
-            if (!isButtonElementAndRole) {
-                this.setAttribute('role', this.role);
-            }
-        }
-        if (isSpanOrKendoButton && !this.isDisabled) {
-            this.tabIndex = 0;
-        }
-        if (isDevMode() && isSpanOrKendoButton) {
-            console.warn(`As of package v16, the "span[kendoButton]" and "kendo-button" selectors are deprecated and can
-            be removed in a future major version. We recommend using the "button[kendoButton]" selector
-            to avoid discrepancies between the behavior of the "ButtonComponent" and the native HTML Button element.`);
-        }
         this.ngZone.runOutsideAngular(() => {
             this.subs.add(this.renderer.listen(this.element, 'click', this._onButtonClick.bind(this)));
-            this.subs.add(this.renderer.listen(this.element, 'keydown', (event) => {
-                const isSpaceOrEnter = event.keyCode === Keys.Space || event.keyCode === Keys.Enter;
-                if (isSpanOrKendoButton && isSpaceOrEnter) {
-                    this.ngZone.run(() => {
-                        this.click.emit(event);
-                    });
-                    this._onButtonClick();
-                }
-            }));
             this.subs.add(this.renderer.listen(this.element, 'mousedown', (event) => {
-                const elementTagName = this.element.tagName;
-                const isButton = elementTagName === BUTTON_TAG_NAME;
                 const isBrowserSafari = isDocumentAvailable() && isSafari(navigator.userAgent);
-                if (!this.isDisabled && isButton && isBrowserSafari) {
+                if (!this.isDisabled && isBrowserSafari) {
                     event.preventDefault();
                     this.element.focus();
                 }
@@ -577,7 +538,7 @@ class ButtonComponent {
     }
 }
 ButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ButtonComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: KendoButtonService, optional: true }, { token: i1.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ButtonComponent, isStandalone: true, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: { arrowIcon: "arrowIcon", toggleable: "toggleable", togglable: "togglable", selected: "selected", tabIndex: "tabIndex", imageUrl: "imageUrl", iconClass: "iconClass", icon: "icon", disabled: "disabled", size: "size", rounded: "rounded", fillMode: "fillMode", themeColor: "themeColor", svgIcon: "svgIcon", role: "role", primary: "primary", look: "look" }, outputs: { selectedChange: "selectedChange", click: "click" }, host: { listeners: { "focus": "onFocus()", "blur": "onBlur()" }, properties: { "class.k-button": "this.classButton", "class.k-toggle-button": "this.isToggleable", "class.k-icon-button": "this.iconButtonClass", "attr.role": "this.roleSetter", "attr.aria-disabled": "this.classDisabled", "class.k-disabled": "this.classDisabled", "class.k-selected": "this.classActive", "attr.dir": "this.getDirection" } }, providers: [
+ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ButtonComponent, isStandalone: true, selector: "button[kendoButton]", inputs: { arrowIcon: "arrowIcon", toggleable: "toggleable", togglable: "togglable", selected: "selected", tabIndex: "tabIndex", imageUrl: "imageUrl", iconClass: "iconClass", icon: "icon", disabled: "disabled", size: "size", rounded: "rounded", fillMode: "fillMode", themeColor: "themeColor", svgIcon: "svgIcon", primary: "primary", look: "look" }, outputs: { selectedChange: "selectedChange", click: "click" }, host: { listeners: { "focus": "onFocus()", "blur": "onBlur()" }, properties: { "class.k-button": "this.classButton", "class.k-toggle-button": "this.isToggleable", "class.k-icon-button": "this.iconButtonClass", "attr.aria-disabled": "this.classDisabled", "class.k-disabled": "this.classDisabled", "class.k-selected": "this.classActive", "attr.dir": "this.getDirection" } }, providers: [
         LocalizationService,
         {
             provide: L10N_PREFIX,
@@ -613,7 +574,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                             useValue: 'kendo.button'
                         }
                     ],
-                    selector: 'button[kendoButton], span[kendoButton], kendo-button',
+                    selector: 'button[kendoButton]',
                     template: `
         <kendo-icon-wrapper
             *ngIf="icon || svgIcon"
@@ -666,8 +627,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 type: Input
             }], svgIcon: [{
                 type: Input
-            }], role: [{
-                type: Input
             }], selectedChange: [{
                 type: Output
             }], click: [{
@@ -681,9 +640,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             }], iconButtonClass: [{
                 type: HostBinding,
                 args: ['class.k-icon-button']
-            }], roleSetter: [{
-                type: HostBinding,
-                args: ['attr.role']
             }], classDisabled: [{
                 type: HostBinding,
                 args: ['attr.aria-disabled']
@@ -958,7 +914,7 @@ ButtonGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
             useValue: 'kendo.buttongroup'
         }
     ], queries: [{ propertyName: "buttons", predicate: ButtonComponent }], exportAs: ["kendoButtonGroup"], usesOnChanges: true, ngImport: i0, template: `
-        <ng-content select="[kendoButton], kendo-button"></ng-content>
+        <ng-content select="[kendoButton]"></ng-content>
     `, isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ButtonGroupComponent, decorators: [{
             type: Component,
@@ -974,7 +930,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                     ],
                     selector: 'kendo-buttongroup',
                     template: `
-        <ng-content select="[kendoButton], kendo-button"></ng-content>
+        <ng-content select="[kendoButton]"></ng-content>
     `,
                     standalone: true
                 }]
@@ -3006,7 +2962,7 @@ DropDownButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0"
             </kendo-button-list>
         </ng-template>
         <ng-container #container></ng-container>
-    `, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ListComponent, selector: "kendo-button-list", inputs: ["data", "textField", "itemTemplate", "size"], outputs: ["onItemClick", "onItemBlur"] }] });
+    `, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ListComponent, selector: "kendo-button-list", inputs: ["data", "textField", "itemTemplate", "size"], outputs: ["onItemClick", "onItemBlur"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DropDownButtonComponent, decorators: [{
             type: Component,
             args: [{
@@ -5061,7 +5017,7 @@ SplitButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
             </kendo-button-list>
         </ng-template>
         <ng-container #container></ng-container>
-    `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedSplitButtonMessagesDirective, selector: "[kendoSplitButtonLocalizedMessages]" }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ListComponent, selector: "kendo-button-list", inputs: ["data", "textField", "itemTemplate", "size"], outputs: ["onItemClick", "onItemBlur"] }] });
+    `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedSplitButtonMessagesDirective, selector: "[kendoSplitButtonLocalizedMessages]" }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ListComponent, selector: "kendo-button-list", inputs: ["data", "textField", "itemTemplate", "size"], outputs: ["onItemClick", "onItemBlur"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SplitButtonComponent, decorators: [{
             type: Component,
             args: [{

package/package.json

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