@progress/kendo-angular-buttons 17.0.0-develop.21 → 17.0.0-develop.22

package/button/button.component.d.ts

@@ -206,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]", ["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>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "button[kendoButton]", ["kendoButton"], { "arrowIcon": { "alias": "arrowIcon"; "required": false; }; "toggleable": { "alias": "toggleable"; "required": false; }; "togglable": { "alias": "togglable"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "imageUrl": { "alias": "imageUrl"; "required": false; }; "iconClass": { "alias": "iconClass"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "size": { "alias": "size"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "fillMode": { "alias": "fillMode"; "required": false; }; "themeColor": { "alias": "themeColor"; "required": false; }; "svgIcon": { "alias": "svgIcon"; "required": false; }; "primary": { "alias": "primary"; "required": false; }; "look": { "alias": "look"; "required": false; }; }, { "selectedChange": "selectedChange"; "click": "click"; }, never, ["*"], true, never>;
 }

package/button/selection-settings.d.ts

@@ -5,4 +5,4 @@
 /**
  * The selection mode of the [ButtonGroup]({% slug api_buttons_buttongroupcomponent %}).
  */
-export declare type ButtonGroupSelection = 'single' | 'multiple';
+export type ButtonGroupSelection = 'single' | 'multiple';

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]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonGroupComponent, "kendo-buttongroup", ["kendoButtonGroup"], { "disabled": { "alias": "disabled"; "required": false; }; "selection": { "alias": "selection"; "required": false; }; "width": { "alias": "width"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "navigable": { "alias": "navigable"; "required": false; }; }, { "navigate": "navigate"; }, ["buttons"], ["[kendoButton]"], true, never>;
 }

package/chip/chip-list.component.d.ts

@@ -91,5 +91,5 @@ export declare class ChipListComponent implements OnInit, AfterViewInit, AfterCo
     private updateChips;
     private normalizeActiveIndex;
     static ɵfac: i0.ɵɵFactoryDeclaration<ChipListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ChipListComponent, "kendo-chiplist, kendo-chip-list", never, { "selection": "selection"; "size": "size"; "role": "role"; "navigable": "navigable"; }, { "selectedChange": "selectedChange"; "remove": "remove"; }, ["chips"], ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChipListComponent, "kendo-chiplist, kendo-chip-list", never, { "selection": { "alias": "selection"; "required": false; }; "size": { "alias": "size"; "required": false; }; "role": { "alias": "role"; "required": false; }; "navigable": { "alias": "navigable"; "required": false; }; }, { "selectedChange": "selectedChange"; "remove": "remove"; }, ["chips"], ["*"], true, never>;
 }

package/chip/chip.component.d.ts

@@ -216,5 +216,5 @@ export declare class ChipComponent implements OnInit, AfterViewInit, OnChanges {
     private handleThemeColor;
     private keyDownHandler;
     static ɵfac: i0.ɵɵFactoryDeclaration<ChipComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ChipComponent, "kendo-chip", never, { "label": "label"; "icon": "icon"; "svgIcon": "svgIcon"; "iconClass": "iconClass"; "avatarSettings": "avatarSettings"; "selected": "selected"; "removable": "removable"; "removeIcon": "removeIcon"; "removeSvgIcon": "removeSvgIcon"; "hasMenu": "hasMenu"; "menuIcon": "menuIcon"; "menuSvgIcon": "menuSvgIcon"; "disabled": "disabled"; "size": "size"; "rounded": "rounded"; "fillMode": "fillMode"; "themeColor": "themeColor"; }, { "remove": "remove"; "menuToggle": "menuToggle"; "contentClick": "contentClick"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChipComponent, "kendo-chip", never, { "label": { "alias": "label"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "svgIcon": { "alias": "svgIcon"; "required": false; }; "iconClass": { "alias": "iconClass"; "required": false; }; "avatarSettings": { "alias": "avatarSettings"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "removable": { "alias": "removable"; "required": false; }; "removeIcon": { "alias": "removeIcon"; "required": false; }; "removeSvgIcon": { "alias": "removeSvgIcon"; "required": false; }; "hasMenu": { "alias": "hasMenu"; "required": false; }; "menuIcon": { "alias": "menuIcon"; "required": false; }; "menuSvgIcon": { "alias": "menuSvgIcon"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "size": { "alias": "size"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "fillMode": { "alias": "fillMode"; "required": false; }; "themeColor": { "alias": "themeColor"; "required": false; }; }, { "remove": "remove"; "menuToggle": "menuToggle"; "contentClick": "contentClick"; }, never, ["*"], true, never>;
 }

package/chip/models/selection.d.ts

@@ -11,4 +11,4 @@
  * * `multiple`
  *
  */
-export declare type ChipListSelection = 'none' | 'single' | 'multiple';
+export type ChipListSelection = 'none' | 'single' | 'multiple';

package/common/models/fillmode.d.ts

@@ -5,8 +5,8 @@
 /**
  * Represents the possible fillMode options of the buttons.
  */
-export declare type ButtonFillMode = 'solid' | 'flat' | 'outline' | 'link' | 'clear' | 'none';
+export type ButtonFillMode = 'solid' | 'flat' | 'outline' | 'link' | 'clear' | 'none';
 /**
  * Represents the possible fillMode options of the Chip.
  */
-export declare type ChipFillMode = 'solid' | 'outline' | 'none';
+export type ChipFillMode = 'solid' | 'outline' | 'none';

package/common/models/rounded.d.ts

@@ -5,8 +5,8 @@
 /**
  * Represents the possible rounded options of the buttons.
  */
-export declare type ButtonRounded = 'small' | 'medium' | 'large' | 'full' | 'none';
+export type ButtonRounded = 'small' | 'medium' | 'large' | 'full' | 'none';
 /**
  * Represents the possible rounded options of the Chip.
  */
-export declare type ChipRounded = 'small' | 'medium' | 'large' | 'full' | 'none';
+export type ChipRounded = 'small' | 'medium' | 'large' | 'full' | 'none';

package/common/models/size.d.ts

@@ -6,12 +6,12 @@
  * Specifies the possible sizes of the buttons.
  *
  */
-export declare type ButtonSize = 'small' | 'medium' | 'large' | 'none';
+export type ButtonSize = 'small' | 'medium' | 'large' | 'none';
 /**
  * Specifies the possible sizes of the Chip.
  */
-export declare type ChipSize = 'small' | 'medium' | 'large' | 'none';
+export type ChipSize = 'small' | 'medium' | 'large' | 'none';
 /**
  * Specifies the possible gap between Chips in a ChipList.
  */
-export declare type ChipListSize = 'small' | 'medium' | 'large' | 'none';
+export type ChipListSize = 'small' | 'medium' | 'large' | 'none';

package/common/models/theme-color.d.ts

@@ -19,7 +19,7 @@
  * * `inverse`— Applies coloring based on the `inverse` theme color.
  *
  */
-export declare type ButtonThemeColor = 'base' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse' | 'none';
+export type ButtonThemeColor = 'base' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse' | 'none';
 /**
  * Specifies the possible theme colors of the Chip.
  *
@@ -30,4 +30,4 @@ export declare type ButtonThemeColor = 'base' | 'primary' | 'secondary' | 'terti
  * * `warning`— Applies coloring based on the `warning` theme color.
  * * `error`— Applies coloring based on the `error` theme color.
  */
-export declare type ChipThemeColor = 'base' | 'info' | 'success' | 'warning' | 'error' | 'none';
+export type ChipThemeColor = 'base' | 'info' | 'success' | 'warning' | 'error' | 'none';

package/direction.d.ts

@@ -5,4 +5,4 @@
 /**
  * @hidden
  */
-export declare type Direction = 'ltr' | 'rtl';
+export type Direction = 'ltr' | 'rtl';

package/dropdownbutton/dropdownbutton.component.d.ts

@@ -2,13 +2,12 @@
 * Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { TemplateRef, ViewContainerRef, ElementRef, EventEmitter, NgZone, ChangeDetectorRef, AfterViewInit, Renderer2 } from '@angular/core';
+import { ElementRef, EventEmitter, NgZone, ChangeDetectorRef, AfterViewInit, Renderer2 } from '@angular/core';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { PopupService } from '@progress/kendo-angular-popup';
 import { ButtonItemTemplateDirective } from '../listbutton/button-item-template.directive';
 import { Direction } from '../direction';
 import { ListButton } from '../listbutton/list-button';
-import { ListComponent } from '../listbutton/list.component';
 import { FocusService } from '../focusable/focus.service';
 import { NavigationService } from '../navigation/navigation.service';
 import { ArrowIconSettings, ButtonFillMode, ButtonRounded, ButtonSize, ButtonThemeColor } from '../common/models';
@@ -163,12 +162,6 @@ export declare class DropDownButtonComponent extends ListButton implements After
      */
     get active(): boolean;
     itemTemplate: ButtonItemTemplateDirective;
-    button: ElementRef<HTMLButtonElement>;
-    buttonList: ListComponent;
-    popupTemplate: TemplateRef<any>;
-    container: ViewContainerRef;
-    listId: string;
-    buttonId: string;
     private _fillMode;
     private _buttonAttributes;
     /**
@@ -215,5 +208,5 @@ export declare class DropDownButtonComponent extends ListButton implements After
     wrapperContains(element: any): boolean;
     private handleButtonAttributes;
     static ɵfac: i0.ɵɵFactoryDeclaration<DropDownButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DropDownButtonComponent, "kendo-dropdownbutton", ["kendoDropDownButton"], { "arrowIcon": "arrowIcon"; "icon": "icon"; "svgIcon": "svgIcon"; "iconClass": "iconClass"; "imageUrl": "imageUrl"; "textField": "textField"; "data": "data"; "size": "size"; "rounded": "rounded"; "fillMode": "fillMode"; "themeColor": "themeColor"; "buttonAttributes": "buttonAttributes"; }, { "itemClick": "itemClick"; "onFocus": "focus"; "onBlur": "blur"; }, ["itemTemplate"], ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DropDownButtonComponent, "kendo-dropdownbutton", ["kendoDropDownButton"], { "arrowIcon": { "alias": "arrowIcon"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "svgIcon": { "alias": "svgIcon"; "required": false; }; "iconClass": { "alias": "iconClass"; "required": false; }; "imageUrl": { "alias": "imageUrl"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "data": { "alias": "data"; "required": false; }; "size": { "alias": "size"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "fillMode": { "alias": "fillMode"; "required": false; }; "themeColor": { "alias": "themeColor"; "required": false; }; "buttonAttributes": { "alias": "buttonAttributes"; "required": false; }; }, { "itemClick": "itemClick"; "onFocus": "focus"; "onBlur": "blur"; }, ["itemTemplate"], ["*"], true, never>;
 }

package/{esm2020 → esm2022}/button/button.component.mjs

@@ -27,45 +27,21 @@ const DEFAULT_FILL_MODE = 'solid';
  * Please use the `button[kendoButton]` selector only.
  */
 export class ButtonComponent {
-    constructor(element, renderer, service, localization, ngZone) {
-        this.renderer = renderer;
-        this.service = service;
-        this.ngZone = ngZone;
-        /**
-         * @hidden
-         * @default false
-         * required for DropDownButton arrow icon.
-         */
-        this.arrowIcon = false;
-        /**
-         * Provides visual styling that indicates if the Button is active.
-         *
-         * @default false
-         */
-        this.toggleable = false;
-        /**
-         * Fires each time the selected state of a toggleable button is changed.
-         *
-         * The event argument is the new selected state (boolean).
-         */
-        this.selectedChange = new EventEmitter();
-        /**
-         * Fires each time the user clicks the button.
-         */
-        this.click = new EventEmitter();
-        this.isDisabled = false;
-        this.caretAltDownIcon = caretAltDownIcon;
-        this._size = DEFAULT_SIZE;
-        this._rounded = DEFAULT_ROUNDED;
-        this._fillMode = DEFAULT_FILL_MODE;
-        this._themeColor = DEFAULT_THEME_COLOR;
-        this._focused = false;
-        this.subs = new Subscription();
-        validatePackage(packageMetadata);
-        this.direction = localization.rtl ? 'rtl' : 'ltr';
-        this.subs.add(localization.changes.subscribe(({ rtl }) => (this.direction = rtl ? 'rtl' : 'ltr')));
-        this.element = element.nativeElement;
-    }
+    renderer;
+    service;
+    ngZone;
+    /**
+     * @hidden
+     * @default false
+     * required for DropDownButton arrow icon.
+     */
+    arrowIcon = false;
+    /**
+     * Provides visual styling that indicates if the Button is active.
+     *
+     * @default false
+     */
+    toggleable = false;
     /**
      * Backwards-compatible alias
      *
@@ -100,6 +76,11 @@ export class ButtonComponent {
     get tabIndex() {
         return this.element.tabIndex;
     }
+    /**
+     * Defines a URL which is used for an `img` element inside the Button.
+     * The URL can be relative or absolute. If relative, it is evaluated with relation to the web page URL.
+     */
+    imageUrl;
     /**
      * Defines a CSS class—or multiple classes separated by spaces—
      * which are applied to a `span` element inside the Button. Allows the usage of custom icons.
@@ -210,6 +191,30 @@ export class ButtonComponent {
     get svgIcon() {
         return this._svgIcon;
     }
+    /**
+     * Fires each time the selected state of a toggleable button is changed.
+     *
+     * The event argument is the new selected state (boolean).
+     */
+    selectedChange = new EventEmitter();
+    /**
+     * Fires each time the user clicks the button.
+     */
+    click = new EventEmitter();
+    element;
+    isDisabled = false;
+    caretAltDownIcon = caretAltDownIcon;
+    _size = DEFAULT_SIZE;
+    _rounded = DEFAULT_ROUNDED;
+    _fillMode = DEFAULT_FILL_MODE;
+    _themeColor = DEFAULT_THEME_COLOR;
+    _focused = false;
+    direction;
+    _selected;
+    subs = new Subscription();
+    _iconClass;
+    _icon;
+    _svgIcon;
     set isFocused(isFocused) {
         this.toggleClass('k-focus', isFocused);
         this._focused = isFocused;
@@ -276,6 +281,15 @@ export class ButtonComponent {
     get nativeElement() {
         return this.element;
     }
+    constructor(element, renderer, service, localization, ngZone) {
+        this.renderer = renderer;
+        this.service = service;
+        this.ngZone = ngZone;
+        validatePackage(packageMetadata);
+        this.direction = localization.rtl ? 'rtl' : 'ltr';
+        this.subs.add(localization.changes.subscribe(({ rtl }) => (this.direction = rtl ? 'rtl' : 'ltr')));
+        this.element = element.nativeElement;
+    }
     ngOnInit() {
         if (!this.element.hasAttribute('role') && this.togglable) {
             this.toggleAriaPressed(this.toggleable);
@@ -411,15 +425,14 @@ 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]", 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,
-            useValue: 'kendo.button'
-        }
-    ], exportAs: ["kendoButton"], usesOnChanges: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", 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 });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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,
+                useValue: 'kendo.button'
+            }
+        ], exportAs: ["kendoButton"], usesOnChanges: true, ngImport: i0, template: `
         <kendo-icon-wrapper
             *ngIf="icon || svgIcon"
             innerCssClass="k-button-icon"
@@ -438,7 +451,8 @@ ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versio
         </span>
         
     `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ButtonComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ButtonComponent, decorators: [{
             type: Component,
             args: [{
                     exportAs: 'kendoButton',

package/{esm2020 → esm2022}/button/button.module.mjs

@@ -39,11 +39,11 @@ import * as i0 from "@angular/core";
  * ```
  */
 export class ButtonModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: ButtonModule, imports: [ButtonComponent], exports: [ButtonComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ButtonModule, providers: [IconsService], imports: [ButtonComponent] });
 }
-ButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: ButtonModule, imports: [ButtonComponent], exports: [ButtonComponent] });
-ButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ButtonModule, providers: [IconsService], imports: [ButtonComponent] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ButtonModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ButtonModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [ButtonComponent],

package/{esm2020 → esm2022}/button/button.service.mjs

@@ -9,16 +9,14 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export class KendoButtonService {
-    constructor() {
-        this.buttonClicked = new Subject();
-        this.buttonClicked$ = this.buttonClicked.asObservable();
-    }
+    buttonClicked = new Subject();
+    buttonClicked$ = this.buttonClicked.asObservable();
     click(button) {
         this.buttonClicked.next(button);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: KendoButtonService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: KendoButtonService });
 }
-KendoButtonService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: KendoButtonService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-KendoButtonService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: KendoButtonService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: KendoButtonService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: KendoButtonService, decorators: [{
             type: Injectable
         }] });

package/{esm2020 → esm2022}/buttongroup/buttongroup.component.mjs

@@ -24,46 +24,34 @@ const tabindex = 'tabindex';
  * Represents the Kendo UI ButtonGroup component for Angular.
  */
 export class ButtonGroupComponent {
-    constructor(service, localization, renderer, element) {
-        this.service = service;
-        this.renderer = renderer;
-        this.element = element;
-        /**
-         * The selection mode of the ButtonGroup.
-         * @default 'multiple'
-         */
-        this.selection = 'multiple';
-        /**
-         * When this option is set to `true` (default), the component is a single tab-stop,
-         * and focus is moved through the inner buttons via the arrow keys.
-         *
-         * When the option is set to `false`, the inner buttons are part of the natural tab sequence of the page.
-         *
-         * @default true
-         */
-        this.navigable = true;
-        /**
-         * Fires every time keyboard navigation occurs.
-         */
-        this.navigate = new EventEmitter();
-        this._tabIndex = 0;
-        this.currentTabIndex = 0;
-        this.lastFocusedIndex = -1;
-        this.subs = new Subscription();
-        this.wrapperClasses = true;
-        this.role = 'group';
-        this.focusHandler = () => {
-            this.currentTabIndex = -1;
-            this.defocus(this.buttons.toArray());
-            const firstFocusableIndex = this.buttons.toArray().findIndex(current => !current.disabled);
-            const index = this.lastFocusedIndex === -1 ? firstFocusableIndex : this.lastFocusedIndex;
-            this.focus(this.buttons.filter((_current, i) => {
-                return i === index;
-            }));
-        };
-        validatePackage(packageMetadata);
-        this.subs.add(localization.changes.subscribe(({ rtl }) => this.direction = rtl ? 'rtl' : 'ltr'));
-    }
+    service;
+    renderer;
+    element;
+    /**
+     * By default, the ButtonGroup is enabled.
+     * To disable the whole group of buttons, set its `disabled` attribute to `true`.
+     *
+     * To disable a specific button, set its own `disabled` attribute to `true`
+     * and leave the `disabled` attribute of the ButtonGroup undefined.
+     * If you define the `disabled` attribute of the ButtonGroup, it will take
+     * precedence over the `disabled` attributes of the underlying buttons and they will be ignored.
+     *
+     * For more information on how to configure the Button, refer to
+     * its [API documentation]({% slug api_buttons_buttoncomponent %}).
+     */
+    disabled;
+    /**
+     * The selection mode of the ButtonGroup.
+     * @default 'multiple'
+     */
+    selection = 'multiple';
+    /**
+     * Sets the width of the ButtonGroup.
+     * If the width of the ButtonGroup is set:
+     * - The buttons resize automatically to fill the full width of the group wrapper.
+     * - The buttons acquire the same width.
+     */
+    width;
     /**
      * Specifies the [`tabIndex`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of the component.
      */
@@ -74,12 +62,33 @@ export class ButtonGroupComponent {
     get tabIndex() {
         return this._tabIndex;
     }
+    /**
+     * When this option is set to `true` (default), the component is a single tab-stop,
+     * and focus is moved through the inner buttons via the arrow keys.
+     *
+     * When the option is set to `false`, the inner buttons are part of the natural tab sequence of the page.
+     *
+     * @default true
+     */
+    navigable = true;
+    /**
+     * Fires every time keyboard navigation occurs.
+     */
+    navigate = new EventEmitter();
+    buttons;
+    _tabIndex = 0;
+    currentTabIndex = 0;
+    lastFocusedIndex = -1;
+    direction;
+    subs = new Subscription();
+    wrapperClasses = true;
     get disabledClass() {
         return this.disabled;
     }
     get stretchedClass() {
         return !!this.width;
     }
+    role = 'group';
     get dir() {
         return this.direction;
     }
@@ -92,6 +101,13 @@ export class ButtonGroupComponent {
     get wrapperTabIndex() {
         return this.disabled ? undefined : this.navigable ? this.currentTabIndex : undefined;
     }
+    constructor(service, localization, renderer, element) {
+        this.service = service;
+        this.renderer = renderer;
+        this.element = element;
+        validatePackage(packageMetadata);
+        this.subs.add(localization.changes.subscribe(({ rtl }) => this.direction = rtl ? 'rtl' : 'ltr'));
+    }
     ngOnInit() {
         this.subs.add(this.service.buttonClicked$.subscribe((button) => {
             let newSelectionValue;
@@ -232,19 +248,28 @@ export class ButtonGroupComponent {
             .pipe(filter(predicate))
             .subscribe(handler));
     }
-}
-ButtonGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ButtonGroupComponent, deps: [{ token: i1.KendoButtonService }, { token: i2.LocalizationService }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-ButtonGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ButtonGroupComponent, isStandalone: true, selector: "kendo-buttongroup", inputs: { disabled: "disabled", selection: "selection", width: "width", tabIndex: "tabIndex", navigable: "navigable" }, outputs: { navigate: "navigate" }, host: { properties: { "class.k-button-group": "this.wrapperClasses", "class.k-disabled": "this.disabledClass", "class.k-button-group-stretched": "this.stretchedClass", "attr.role": "this.role", "attr.dir": "this.dir", "attr.aria-disabled": "this.ariaDisabled", "style.width": "this.wrapperWidth", "attr.tabindex": "this.wrapperTabIndex" } }, providers: [
-        KendoButtonService,
-        LocalizationService,
-        {
-            provide: L10N_PREFIX,
-            useValue: 'kendo.buttongroup'
-        }
-    ], queries: [{ propertyName: "buttons", predicate: ButtonComponent }], exportAs: ["kendoButtonGroup"], usesOnChanges: true, ngImport: i0, template: `
+    focusHandler = () => {
+        this.currentTabIndex = -1;
+        this.defocus(this.buttons.toArray());
+        const firstFocusableIndex = this.buttons.toArray().findIndex(current => !current.disabled);
+        const index = this.lastFocusedIndex === -1 ? firstFocusableIndex : this.lastFocusedIndex;
+        this.focus(this.buttons.filter((_current, i) => {
+            return i === index;
+        }));
+    };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ButtonGroupComponent, deps: [{ token: i1.KendoButtonService }, { token: i2.LocalizationService }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ButtonGroupComponent, isStandalone: true, selector: "kendo-buttongroup", inputs: { disabled: "disabled", selection: "selection", width: "width", tabIndex: "tabIndex", navigable: "navigable" }, outputs: { navigate: "navigate" }, host: { properties: { "class.k-button-group": "this.wrapperClasses", "class.k-disabled": "this.disabledClass", "class.k-button-group-stretched": "this.stretchedClass", "attr.role": "this.role", "attr.dir": "this.dir", "attr.aria-disabled": "this.ariaDisabled", "style.width": "this.wrapperWidth", "attr.tabindex": "this.wrapperTabIndex" } }, providers: [
+            KendoButtonService,
+            LocalizationService,
+            {
+                provide: L10N_PREFIX,
+                useValue: 'kendo.buttongroup'
+            }
+        ], queries: [{ propertyName: "buttons", predicate: ButtonComponent }], exportAs: ["kendoButtonGroup"], usesOnChanges: true, ngImport: i0, template: `
         <ng-content select="[kendoButton]"></ng-content>
     `, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ButtonGroupComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ButtonGroupComponent, decorators: [{
             type: Component,
             args: [{
                     exportAs: 'kendoButtonGroup',

package/{esm2020 → esm2022}/buttongroup/buttongroup.module.mjs

@@ -18,11 +18,11 @@ import * as i2 from "./buttongroup.component";
  * - `ButtonComponent`—The Button component class.
  */
 export class ButtonGroupModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ButtonGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: ButtonGroupModule, imports: [i1.ButtonComponent, i2.ButtonGroupComponent], exports: [i1.ButtonComponent, i2.ButtonGroupComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ButtonGroupModule, providers: [IconsService], imports: [i1.ButtonComponent] });
 }
-ButtonGroupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ButtonGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ButtonGroupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: ButtonGroupModule, imports: [i1.ButtonComponent, i2.ButtonGroupComponent], exports: [i1.ButtonComponent, i2.ButtonGroupComponent] });
-ButtonGroupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ButtonGroupModule, providers: [IconsService], imports: [KENDO_BUTTONGROUP] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ButtonGroupModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ButtonGroupModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [...KENDO_BUTTONGROUP],

package/{esm2020 → esm2022}/buttons.module.mjs

@@ -52,11 +52,11 @@ import * as i11 from "./splitbutton/localization/custom-messages.component";
  * ```
  */
 export class ButtonsModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ButtonsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: ButtonsModule, imports: [i1.ButtonComponent, i1.ButtonComponent, i2.ButtonGroupComponent, i3.DropDownButtonComponent, i4.ButtonItemTemplateDirective, i5.ChipComponent, i5.ChipComponent, i6.ChipListComponent, i7.FloatingActionButtonComponent, i8.DialItemTemplateDirective, i9.FloatingActionButtonTemplateDirective, i10.SplitButtonComponent, i11.SplitButtonCustomMessagesComponent], exports: [i1.ButtonComponent, i1.ButtonComponent, i2.ButtonGroupComponent, i3.DropDownButtonComponent, i4.ButtonItemTemplateDirective, i5.ChipComponent, i5.ChipComponent, i6.ChipListComponent, i7.FloatingActionButtonComponent, i8.DialItemTemplateDirective, i9.FloatingActionButtonTemplateDirective, i10.SplitButtonComponent, i11.SplitButtonCustomMessagesComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ButtonsModule, providers: [IconsService, PopupService, ResizeBatchService], imports: [i1.ButtonComponent, i1.ButtonComponent, i3.DropDownButtonComponent, i5.ChipComponent, i5.ChipComponent, i7.FloatingActionButtonComponent, i10.SplitButtonComponent] });
 }
-ButtonsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ButtonsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ButtonsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: ButtonsModule, imports: [i1.ButtonComponent, i1.ButtonComponent, i2.ButtonGroupComponent, i3.DropDownButtonComponent, i4.ButtonItemTemplateDirective, i5.ChipComponent, i5.ChipComponent, i6.ChipListComponent, i7.FloatingActionButtonComponent, i8.DialItemTemplateDirective, i9.FloatingActionButtonTemplateDirective, i10.SplitButtonComponent, i11.SplitButtonCustomMessagesComponent], exports: [i1.ButtonComponent, i1.ButtonComponent, i2.ButtonGroupComponent, i3.DropDownButtonComponent, i4.ButtonItemTemplateDirective, i5.ChipComponent, i5.ChipComponent, i6.ChipListComponent, i7.FloatingActionButtonComponent, i8.DialItemTemplateDirective, i9.FloatingActionButtonTemplateDirective, i10.SplitButtonComponent, i11.SplitButtonCustomMessagesComponent] });
-ButtonsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ButtonsModule, providers: [IconsService, PopupService, ResizeBatchService], imports: [i1.ButtonComponent, i1.ButtonComponent, i2.ButtonGroupComponent, i3.DropDownButtonComponent, i5.ChipComponent, i5.ChipComponent, i6.ChipListComponent, i7.FloatingActionButtonComponent, i10.SplitButtonComponent, i11.SplitButtonCustomMessagesComponent] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ButtonsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ButtonsModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...KENDO_BUTTONS],