@progress/kendo-angular-buttons 16.5.0 → 16.6.0-develop.2

package/button/button.component.d.ts

@@ -212,5 +212,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, ["*"], false, never>;
+    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>;
 }

package/button/button.module.d.ts

@@ -4,7 +4,6 @@
 *-------------------------------------------------------------------------------------------*/
 import * as i0 from "@angular/core";
 import * as i1 from "./button.component";
-import * as i2 from "@progress/kendo-angular-icons";
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmodules'])
  * definition for the Button directive.
@@ -38,6 +37,6 @@ import * as i2 from "@progress/kendo-angular-icons";
  */
 export declare class ButtonModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ButtonModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ButtonModule, [typeof i1.ButtonComponent], [typeof i2.IconsModule], [typeof i1.ButtonComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ButtonModule, never, [typeof i1.ButtonComponent], [typeof i1.ButtonComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ButtonModule>;
 }

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"], false, 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>;
 }

package/buttongroup/buttongroup.module.d.ts

@@ -3,19 +3,18 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as i0 from "@angular/core";
-import * as i1 from "./buttongroup.component";
-import * as i2 from "@angular/common";
-import * as i3 from "../button/button.module";
+import * as i1 from "../button/button.component";
+import * as i2 from "./buttongroup.component";
 /**
- * @hidden
  *
  * The exported package module.
  *
  * The package exports:
- * - `ButtonGroupComponent`—The ButtonGroupComponent component class.
+ * - `ButtonGroupComponent`—The ButtonGroup component class.
+ * - `ButtonComponent`—The Button component class.
  */
 export declare class ButtonGroupModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ButtonGroupModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ButtonGroupModule, [typeof i1.ButtonGroupComponent], [typeof i2.CommonModule, typeof i3.ButtonModule], [typeof i1.ButtonGroupComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ButtonGroupModule, never, [typeof i1.ButtonComponent, typeof i2.ButtonGroupComponent], [typeof i1.ButtonComponent, typeof i2.ButtonGroupComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ButtonGroupModule>;
 }

package/buttons.module.d.ts

@@ -3,12 +3,17 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as i0 from "@angular/core";
-import * as i1 from "./buttongroup/buttongroup.module";
-import * as i2 from "./button/button.module";
-import * as i3 from "./splitbutton/splitbutton.module";
-import * as i4 from "./dropdownbutton/dropdownbutton.module";
-import * as i5 from "./chip/chip.module";
-import * as i6 from "./floatingactionbutton/floatingactionbutton.module";
+import * as i1 from "./button/button.component";
+import * as i2 from "./buttongroup/buttongroup.component";
+import * as i3 from "./dropdownbutton/dropdownbutton.component";
+import * as i4 from "./listbutton/button-item-template.directive";
+import * as i5 from "./chip/chip.component";
+import * as i6 from "./chip/chip-list.component";
+import * as i7 from "./floatingactionbutton/floatingactionbutton.component";
+import * as i8 from "./floatingactionbutton/templates/dial-item-template.directive";
+import * as i9 from "./floatingactionbutton/templates/fab-template.directive";
+import * as i10 from "./splitbutton/splitbutton.component";
+import * as i11 from "./splitbutton/localization/custom-messages.component";
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmodules'])
  * definition for the Buttons components.
@@ -42,6 +47,6 @@ import * as i6 from "./floatingactionbutton/floatingactionbutton.module";
  */
 export declare class ButtonsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ButtonsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ButtonsModule, never, never, [typeof i1.ButtonGroupModule, typeof i2.ButtonModule, typeof i3.SplitButtonModule, typeof i4.DropDownButtonModule, typeof i5.ChipModule, typeof i6.FloatingActionButtonModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ButtonsModule, never, [typeof i1.ButtonComponent, typeof i1.ButtonComponent, typeof i2.ButtonGroupComponent, typeof i3.DropDownButtonComponent, typeof i4.ButtonItemTemplateDirective, typeof i5.ChipComponent, typeof i5.ChipComponent, typeof i6.ChipListComponent, typeof i7.FloatingActionButtonComponent, typeof i8.DialItemTemplateDirective, typeof i9.FloatingActionButtonTemplateDirective, typeof i10.SplitButtonComponent, typeof i11.SplitButtonCustomMessagesComponent], [typeof i1.ButtonComponent, typeof i1.ButtonComponent, typeof i2.ButtonGroupComponent, typeof i3.DropDownButtonComponent, typeof i4.ButtonItemTemplateDirective, typeof i5.ChipComponent, typeof i5.ChipComponent, typeof i6.ChipListComponent, typeof i7.FloatingActionButtonComponent, typeof i8.DialItemTemplateDirective, typeof i9.FloatingActionButtonTemplateDirective, typeof i10.SplitButtonComponent, typeof i11.SplitButtonCustomMessagesComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ButtonsModule>;
 }

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"], ["*"], false, 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>;
 }

package/chip/chip.component.d.ts

@@ -219,5 +219,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"; "avatarClass": "avatarClass"; "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, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChipComponent, "kendo-chip", never, { "label": "label"; "icon": "icon"; "svgIcon": "svgIcon"; "iconClass": "iconClass"; "avatarClass": "avatarClass"; "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>;
 }

package/chip/chip.module.d.ts

@@ -5,8 +5,6 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./chip.component";
 import * as i2 from "./chip-list.component";
-import * as i3 from "@angular/common";
-import * as i4 from "@progress/kendo-angular-icons";
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
  * definition for the Chip and ChipList components.
@@ -37,6 +35,6 @@ import * as i4 from "@progress/kendo-angular-icons";
  */
 export declare class ChipModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ChipModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ChipModule, [typeof i1.ChipComponent, typeof i2.ChipListComponent], [typeof i3.CommonModule, typeof i4.IconsModule], [typeof i1.ChipComponent, typeof i2.ChipListComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ChipModule, never, [typeof i1.ChipComponent, typeof i2.ChipListComponent], [typeof i1.ChipComponent, typeof i2.ChipListComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ChipModule>;
 }

package/directives.d.ts

@@ -0,0 +1,47 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { ButtonComponent } from './button/button.component';
+import { ButtonGroupComponent } from './buttongroup/buttongroup.component';
+import { ChipListComponent } from './chip/chip-list.component';
+import { ChipComponent } from './chip/chip.component';
+import { DropDownButtonComponent } from './dropdownbutton/dropdownbutton.component';
+import { FloatingActionButtonComponent } from './floatingactionbutton/floatingactionbutton.component';
+import { DialItemTemplateDirective } from './floatingactionbutton/templates/dial-item-template.directive';
+import { FloatingActionButtonTemplateDirective } from './floatingactionbutton/templates/fab-template.directive';
+import { SplitButtonCustomMessagesComponent } from './splitbutton/localization/custom-messages.component';
+import { SplitButtonComponent } from './splitbutton/splitbutton.component';
+import { ButtonItemTemplateDirective } from './listbutton/button-item-template.directive';
+/**
+ * Utility array that contains all `Button` related components and directives
+ */
+export declare const KENDO_BUTTON: readonly [typeof ButtonComponent];
+/**
+ * Utility array that contains all `ButtonGroup` related components and directives
+ */
+export declare const KENDO_BUTTONGROUP: readonly [typeof ButtonComponent, typeof ButtonGroupComponent];
+/**
+ * Utility array that contains all `DropDownButton` related components and directives
+ */
+export declare const KENDO_DROPDOWNBUTTON: readonly [typeof DropDownButtonComponent, typeof ButtonItemTemplateDirective];
+/**
+ * Utility array that contains all `Chip` related components and directives
+ */
+export declare const KENDO_CHIP: readonly [typeof ChipComponent];
+/**
+ * Utility array that contains all `ChipList` related components and directives
+ */
+export declare const KENDO_CHIPLIST: readonly [typeof ChipComponent, typeof ChipListComponent];
+/**
+ * Utility array that contains all `FloatingActionButton` related components and directives
+ */
+export declare const KENDO_FLOATINGACTIONBUTTON: readonly [typeof FloatingActionButtonComponent, typeof DialItemTemplateDirective, typeof FloatingActionButtonTemplateDirective];
+/**
+ * Utility array that contains all `SplitButton` related components and directives
+ */
+export declare const KENDO_SPLITBUTTON: readonly [typeof SplitButtonComponent, typeof SplitButtonCustomMessagesComponent];
+/**
+ * Utility array that contains all `@progress/kendo-angular-buttons` related components and directives
+ */
+export declare const KENDO_BUTTONS: readonly [typeof ButtonComponent, typeof ButtonComponent, typeof ButtonGroupComponent, typeof DropDownButtonComponent, typeof ButtonItemTemplateDirective, typeof ChipComponent, typeof ChipComponent, typeof ChipListComponent, typeof FloatingActionButtonComponent, typeof DialItemTemplateDirective, typeof FloatingActionButtonTemplateDirective, typeof SplitButtonComponent, typeof SplitButtonCustomMessagesComponent];

package/dropdownbutton/dropdownbutton.component.d.ts

@@ -216,5 +216,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"], ["*"], false, 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>;
 }

package/dropdownbutton/dropdownbutton.module.d.ts

@@ -4,20 +4,17 @@
 *-------------------------------------------------------------------------------------------*/
 import * as i0 from "@angular/core";
 import * as i1 from "./dropdownbutton.component";
-import * as i2 from "@angular/common";
-import * as i3 from "@progress/kendo-angular-popup";
-import * as i4 from "../listbutton/list.module";
-import * as i5 from "../button/button.module";
+import * as i2 from "../listbutton/button-item-template.directive";
 /**
- * @hidden
  *
  * The exported package module.
  *
  * The package exports:
  * - `DropDownButtonComponent`—The DropDownButtonComponent component class.
+ * - `ButtonItemTemplateDirective`—The Button item template directive.
  */
 export declare class DropDownButtonModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DropDownButtonModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DropDownButtonModule, [typeof i1.DropDownButtonComponent], [typeof i2.CommonModule, typeof i3.PopupModule, typeof i4.ListModule, typeof i5.ButtonModule], [typeof i1.DropDownButtonComponent, typeof i4.ListModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DropDownButtonModule, never, [typeof i1.DropDownButtonComponent, typeof i2.ButtonItemTemplateDirective], [typeof i1.DropDownButtonComponent, typeof i2.ButtonItemTemplateDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DropDownButtonModule>;
 }

package/esm2020/button/button.component.mjs

@@ -11,11 +11,11 @@ import { Subscription } from 'rxjs';
 import { validatePackage } from '@progress/kendo-licensing';
 import { packageMetadata } from '../package-metadata';
 import { getStylingClasses, getThemeColorClasses } from '../util';
+import { IconWrapperComponent } from '@progress/kendo-angular-icons';
+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";
-import * as i3 from "@angular/common";
-import * as i4 from "@progress/kendo-angular-icons";
 const SPAN_TAG_NAME = 'SPAN';
 const BUTTON_TAG_NAME = 'BUTTON';
 const KENDO_BUTTON_TAG_NAME = 'KENDO-BUTTON';
@@ -452,7 +452,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, 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], 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: [
         LocalizationService,
         {
             provide: L10N_PREFIX,
@@ -475,7 +475,7 @@ ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versio
             innerCssClass="k-button-icon"
             [name]="$any(arrowIcon).icon || 'caret-alt-down'"
             [svgIcon]="$any(arrowIcon).svgIcon || caretAltDownIcon"></kendo-icon-wrapper>
-    `, isInline: true, dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }] });
+    `, 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: [{
             type: Component,
             args: [{
@@ -505,7 +505,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             innerCssClass="k-button-icon"
             [name]="$any(arrowIcon).icon || 'caret-alt-down'"
             [svgIcon]="$any(arrowIcon).svgIcon || caretAltDownIcon"></kendo-icon-wrapper>
-    `
+    `,
+                    standalone: true,
+                    imports: [NgIf, IconWrapperComponent, NgClass]
                 }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.KendoButtonService, decorators: [{
                     type: Optional

package/esm2020/button/button.module.mjs

@@ -3,9 +3,10 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { NgModule } from '@angular/core';
-import { IconsModule } from '@progress/kendo-angular-icons';
 import { ButtonComponent } from './button.component';
+import { IconsService } from '@progress/kendo-angular-icons';
 import * as i0 from "@angular/core";
+//IMPORTANT: NgModule export kept for backwards compatibility
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmodules'])
  * definition for the Button directive.
@@ -40,13 +41,13 @@ import * as i0 from "@angular/core";
 export class ButtonModule {
 }
 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, declarations: [ButtonComponent], imports: [IconsModule], exports: [ButtonComponent] });
-ButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ButtonModule, imports: [IconsModule] });
+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: [{
             type: NgModule,
             args: [{
-                    declarations: [ButtonComponent],
-                    imports: [IconsModule],
-                    exports: [ButtonComponent]
+                    imports: [ButtonComponent],
+                    exports: [ButtonComponent],
+                    providers: [IconsService]
                 }]
         }] });

package/esm2020/buttongroup/buttongroup.component.mjs

@@ -236,7 +236,7 @@ export class ButtonGroupComponent {
     }
 }
 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, selector: "kendo-buttongroup", inputs: { disabled: "disabled", selection: "selection", width: "width", tabIndex: "tabIndex", navigable: "navigable" }, outputs: { navigate: "navigate" }, host: { properties: { "class.k-button-group": "this.wrapperClass", "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: [
+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.wrapperClass", "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,
         {
@@ -261,7 +261,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                     selector: 'kendo-buttongroup',
                     template: `
         <ng-content select="[kendoButton], kendo-button"></ng-content>
-    `
+    `,
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i1.KendoButtonService }, { type: i2.LocalizationService }, { type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { disabled: [{
                 type: Input,

package/esm2020/buttongroup/buttongroup.module.mjs

@@ -3,28 +3,30 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { ButtonModule } from '../button/button.module';
-import { ButtonGroupComponent } from './buttongroup.component';
+import { KENDO_BUTTONGROUP } from '../directives';
+import { IconsService } from '@progress/kendo-angular-icons';
 import * as i0 from "@angular/core";
+import * as i1 from "../button/button.component";
+import * as i2 from "./buttongroup.component";
+//IMPORTANT: NgModule export kept for backwards compatibility
 /**
- * @hidden
  *
  * The exported package module.
  *
  * The package exports:
- * - `ButtonGroupComponent`—The ButtonGroupComponent component class.
+ * - `ButtonGroupComponent`—The ButtonGroup component class.
+ * - `ButtonComponent`—The Button component class.
  */
 export class ButtonGroupModule {
 }
 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, declarations: [ButtonGroupComponent], imports: [CommonModule, ButtonModule], exports: [ButtonGroupComponent] });
-ButtonGroupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ButtonGroupModule, imports: [CommonModule, ButtonModule] });
+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: [{
             type: NgModule,
             args: [{
-                    declarations: [ButtonGroupComponent],
-                    exports: [ButtonGroupComponent],
-                    imports: [CommonModule, ButtonModule]
+                    exports: [...KENDO_BUTTONGROUP],
+                    imports: [...KENDO_BUTTONGROUP],
+                    providers: [IconsService]
                 }]
         }] });

package/esm2020/buttons.module.mjs

@@ -3,13 +3,23 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { NgModule } from '@angular/core';
-import { ButtonModule } from './button/button.module';
-import { ButtonGroupModule } from './buttongroup/buttongroup.module';
-import { SplitButtonModule } from './splitbutton/splitbutton.module';
-import { DropDownButtonModule } from './dropdownbutton/dropdownbutton.module';
-import { ChipModule } from './chip/chip.module';
-import { FloatingActionButtonModule } from './floatingactionbutton/floatingactionbutton.module';
+import { KENDO_BUTTONS } from './directives';
+import { IconsService } from '@progress/kendo-angular-icons';
+import { PopupService } from '@progress/kendo-angular-popup';
+import { ResizeBatchService } from '@progress/kendo-angular-common';
 import * as i0 from "@angular/core";
+import * as i1 from "./button/button.component";
+import * as i2 from "./buttongroup/buttongroup.component";
+import * as i3 from "./dropdownbutton/dropdownbutton.component";
+import * as i4 from "./listbutton/button-item-template.directive";
+import * as i5 from "./chip/chip.component";
+import * as i6 from "./chip/chip-list.component";
+import * as i7 from "./floatingactionbutton/floatingactionbutton.component";
+import * as i8 from "./floatingactionbutton/templates/dial-item-template.directive";
+import * as i9 from "./floatingactionbutton/templates/fab-template.directive";
+import * as i10 from "./splitbutton/splitbutton.component";
+import * as i11 from "./splitbutton/localization/custom-messages.component";
+//IMPORTANT: NgModule export kept for backwards compatibility
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmodules'])
  * definition for the Buttons components.
@@ -44,11 +54,13 @@ import * as i0 from "@angular/core";
 export class ButtonsModule {
 }
 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, exports: [ButtonGroupModule, ButtonModule, SplitButtonModule, DropDownButtonModule, ChipModule, FloatingActionButtonModule] });
-ButtonsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ButtonsModule, imports: [ButtonGroupModule, ButtonModule, SplitButtonModule, DropDownButtonModule, ChipModule, FloatingActionButtonModule] });
+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: [{
             type: NgModule,
             args: [{
-                    exports: [ButtonGroupModule, ButtonModule, SplitButtonModule, DropDownButtonModule, ChipModule, FloatingActionButtonModule]
+                    imports: [...KENDO_BUTTONS],
+                    exports: [...KENDO_BUTTONS],
+                    providers: [IconsService, PopupService, ResizeBatchService]
                 }]
         }] });

package/esm2020/chip/chip-list.component.mjs

@@ -253,7 +253,7 @@ export class ChipListComponent {
     }
 }
 ChipListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChipListComponent, deps: [{ token: i1.LocalizationService }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-ChipListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ChipListComponent, selector: "kendo-chiplist, kendo-chip-list", inputs: { selection: "selection", size: "size", role: "role", navigable: "navigable" }, outputs: { selectedChange: "selectedChange", remove: "remove" }, host: { listeners: { "click": "onClick($event)" }, properties: { "class.k-chip-list": "this.hostClass", "attr.aria-orientation": "this.orientation", "attr.dir": "this.direction", "class.k-selection-single": "this.single", "attr.aria-multiselectable": "this.multiple", "class.k-selection-multiple": "this.multiple", "attr.role": "this.role" } }, providers: [
+ChipListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ChipListComponent, isStandalone: true, selector: "kendo-chiplist, kendo-chip-list", inputs: { selection: "selection", size: "size", role: "role", navigable: "navigable" }, outputs: { selectedChange: "selectedChange", remove: "remove" }, host: { listeners: { "click": "onClick($event)" }, properties: { "class.k-chip-list": "this.hostClass", "attr.aria-orientation": "this.orientation", "attr.dir": "this.direction", "class.k-selection-single": "this.single", "attr.aria-multiselectable": "this.multiple", "class.k-selection-multiple": "this.multiple", "attr.role": "this.role" } }, providers: [
         LocalizationService,
         {
             provide: L10N_PREFIX,
@@ -275,7 +275,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                             provide: L10N_PREFIX,
                             useValue: 'kendo.chiplist'
                         }
-                    ]
+                    ],
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.NgZone }]; }, propDecorators: { hostClass: [{
                 type: HostBinding,

package/esm2020/chip/chip.component.mjs

@@ -10,10 +10,10 @@ import { validatePackage } from '@progress/kendo-licensing';
 import { packageMetadata } from '../package-metadata';
 import { closest, getStylingClasses, getThemeColorClasses } from '../util';
 import { moreVerticalIcon, xCircleIcon } from '@progress/kendo-svg-icons';
+import { IconWrapperComponent } from '@progress/kendo-angular-icons';
+import { NgIf, NgClass } from '@angular/common';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-l10n";
-import * as i2 from "@angular/common";
-import * as i3 from "@progress/kendo-angular-icons";
 const DEFAULT_SIZE = 'medium';
 const DEFAULT_ROUNDED = 'medium';
 const DEFAULT_THEME_COLOR = 'base';
@@ -326,7 +326,7 @@ export class ChipComponent {
     }
 }
 ChipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChipComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-ChipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ChipComponent, selector: "kendo-chip", inputs: { label: "label", icon: "icon", svgIcon: "svgIcon", iconClass: "iconClass", avatarClass: "avatarClass", selected: "selected", removable: "removable", removeIcon: "removeIcon", removeSvgIcon: "removeSvgIcon", hasMenu: "hasMenu", menuIcon: "menuIcon", menuSvgIcon: "menuSvgIcon", disabled: "disabled", size: "size", rounded: "rounded", fillMode: "fillMode", themeColor: "themeColor" }, outputs: { remove: "remove", menuToggle: "menuToggle", contentClick: "contentClick" }, host: { properties: { "attr.tabindex": "this.tabIndex", "class.k-chip": "this.hostClass", "class.k-chip-has-icon": "this.hasIconClass", "attr.aria-disabled": "this.disabledClass", "class.k-disabled": "this.disabledClass", "class.k-selected": "this.selectedClass", "class.k-focus": "this.focusedClass", "attr.dir": "this.direction" } }, providers: [
+ChipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ChipComponent, isStandalone: true, selector: "kendo-chip", inputs: { label: "label", icon: "icon", svgIcon: "svgIcon", iconClass: "iconClass", avatarClass: "avatarClass", selected: "selected", removable: "removable", removeIcon: "removeIcon", removeSvgIcon: "removeSvgIcon", hasMenu: "hasMenu", menuIcon: "menuIcon", menuSvgIcon: "menuSvgIcon", disabled: "disabled", size: "size", rounded: "rounded", fillMode: "fillMode", themeColor: "themeColor" }, outputs: { remove: "remove", menuToggle: "menuToggle", contentClick: "contentClick" }, host: { properties: { "attr.tabindex": "this.tabIndex", "class.k-chip": "this.hostClass", "class.k-chip-has-icon": "this.hasIconClass", "attr.aria-disabled": "this.disabledClass", "class.k-disabled": "this.disabledClass", "class.k-selected": "this.selectedClass", "class.k-focus": "this.focusedClass", "attr.dir": "this.direction" } }, providers: [
         LocalizationService,
         {
             provide: L10N_PREFIX,
@@ -379,7 +379,7 @@ ChipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version:
                     [customFontClass]="removeIcon"></kendo-icon-wrapper>
             </span>
         </span>
-    `, isInline: true, dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }] });
+    `, 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: ChipComponent, decorators: [{
             type: Component,
             args: [{
@@ -438,7 +438,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                             provide: L10N_PREFIX,
                             useValue: 'kendo.chip'
                         }
-                    ]
+                    ],
+                    standalone: true,
+                    imports: [NgIf, IconWrapperComponent, NgClass]
                 }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }, { type: i1.LocalizationService }]; }, propDecorators: { label: [{
                 type: Input

package/esm2020/chip/chip.module.mjs

@@ -3,18 +3,12 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { ChipComponent } from '../chip/chip.component';
-import { ChipListComponent } from './chip-list.component';
-import { IconsModule } from '@progress/kendo-angular-icons';
+import { KENDO_CHIPLIST } from '../directives';
+import { IconsService } from '@progress/kendo-angular-icons';
 import * as i0 from "@angular/core";
-const exportedModules = [
-    ChipComponent,
-    ChipListComponent
-];
-const declarations = [
-    ...exportedModules
-];
+import * as i1 from "./chip.component";
+import * as i2 from "./chip-list.component";
+//IMPORTANT: NgModule export kept for backwards compatibility
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
  * definition for the Chip and ChipList components.
@@ -46,15 +40,13 @@ const declarations = [
 export class ChipModule {
 }
 ChipModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ChipModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: ChipModule, declarations: [ChipComponent,
-        ChipListComponent], imports: [CommonModule, IconsModule], exports: [ChipComponent,
-        ChipListComponent] });
-ChipModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChipModule, imports: [CommonModule, IconsModule] });
+ChipModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: ChipModule, imports: [i1.ChipComponent, i2.ChipListComponent], exports: [i1.ChipComponent, i2.ChipListComponent] });
+ChipModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChipModule, providers: [IconsService], imports: [KENDO_CHIPLIST] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChipModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [declarations],
-                    exports: [exportedModules],
-                    imports: [CommonModule, IconsModule]
+                    exports: [...KENDO_CHIPLIST],
+                    imports: [...KENDO_CHIPLIST],
+                    providers: [IconsService]
                 }]
         }] });

package/esm2020/directives.mjs

@@ -0,0 +1,75 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { ButtonComponent } from './button/button.component';
+import { ButtonGroupComponent } from './buttongroup/buttongroup.component';
+import { ChipListComponent } from './chip/chip-list.component';
+import { ChipComponent } from './chip/chip.component';
+import { DropDownButtonComponent } from './dropdownbutton/dropdownbutton.component';
+import { FloatingActionButtonComponent } from './floatingactionbutton/floatingactionbutton.component';
+import { DialItemTemplateDirective } from './floatingactionbutton/templates/dial-item-template.directive';
+import { FloatingActionButtonTemplateDirective } from './floatingactionbutton/templates/fab-template.directive';
+import { SplitButtonCustomMessagesComponent } from './splitbutton/localization/custom-messages.component';
+import { SplitButtonComponent } from './splitbutton/splitbutton.component';
+import { ButtonItemTemplateDirective } from './listbutton/button-item-template.directive';
+/**
+ * Utility array that contains all `Button` related components and directives
+ */
+export const KENDO_BUTTON = [
+    ButtonComponent
+];
+/**
+ * Utility array that contains all `ButtonGroup` related components and directives
+ */
+export const KENDO_BUTTONGROUP = [
+    ButtonComponent,
+    ButtonGroupComponent
+];
+/**
+ * Utility array that contains all `DropDownButton` related components and directives
+ */
+export const KENDO_DROPDOWNBUTTON = [
+    DropDownButtonComponent,
+    ButtonItemTemplateDirective
+];
+/**
+ * Utility array that contains all `Chip` related components and directives
+ */
+export const KENDO_CHIP = [
+    ChipComponent
+];
+/**
+ * Utility array that contains all `ChipList` related components and directives
+ */
+export const KENDO_CHIPLIST = [
+    ChipComponent,
+    ChipListComponent
+];
+/**
+ * Utility array that contains all `FloatingActionButton` related components and directives
+ */
+export const KENDO_FLOATINGACTIONBUTTON = [
+    FloatingActionButtonComponent,
+    DialItemTemplateDirective,
+    FloatingActionButtonTemplateDirective
+];
+/**
+ * Utility array that contains all `SplitButton` related components and directives
+ */
+export const KENDO_SPLITBUTTON = [
+    SplitButtonComponent,
+    SplitButtonCustomMessagesComponent
+];
+/**
+ * Utility array that contains all `@progress/kendo-angular-buttons` related components and directives
+ */
+export const KENDO_BUTTONS = [
+    ...KENDO_BUTTON,
+    ...KENDO_BUTTONGROUP,
+    ...KENDO_DROPDOWNBUTTON,
+    ...KENDO_CHIP,
+    ...KENDO_CHIPLIST,
+    ...KENDO_FLOATINGACTIONBUTTON,
+    ...KENDO_SPLITBUTTON
+];