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

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
+];

package/esm2020/dropdownbutton/dropdownbutton.component.mjs

@@ -14,15 +14,14 @@ import { FocusService } from '../focusable/focus.service';
 import { NavigationService } from '../navigation/navigation.service';
 import { NAVIGATION_CONFIG } from '../navigation/navigation-config';
 import { PopupContainerService } from '../listbutton/container.service';
+import { NgClass } from '@angular/common';
+import { ButtonComponent } from '../button/button.component';
 import * as i0 from "@angular/core";
 import * as i1 from "../focusable/focus.service";
 import * as i2 from "../navigation/navigation.service";
 import * as i3 from "@progress/kendo-angular-popup";
 import * as i4 from "@progress/kendo-angular-l10n";
 import * as i5 from "../listbutton/container.service";
-import * as i6 from "@angular/common";
-import * as i7 from "../listbutton/list.component";
-import * as i8 from "../button/button.component";
 const NAVIGATION_SETTINGS = {
     useLeftRightArrows: true
 };
@@ -309,7 +308,7 @@ export class DropDownButtonComponent extends ListButton {
     }
 }
 DropDownButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DropDownButtonComponent, deps: [{ token: i1.FocusService }, { token: i2.NavigationService }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i3.PopupService }, { token: i0.ElementRef }, { token: i4.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i5.PopupContainerService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-DropDownButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DropDownButtonComponent, selector: "kendo-dropdownbutton", inputs: { arrowIcon: "arrowIcon", icon: "icon", svgIcon: "svgIcon", iconClass: "iconClass", imageUrl: "imageUrl", textField: "textField", data: "data", size: "size", rounded: "rounded", fillMode: "fillMode", themeColor: "themeColor", buttonAttributes: "buttonAttributes" }, outputs: { itemClick: "itemClick", onFocus: "focus", onBlur: "blur" }, host: { listeners: { "keydown": "keydown($event)", "keyup": "keyup($event)", "mousedown": "mousedown($event)", "mouseup": "mouseup($event)" }, properties: { "class.k-focus": "this.focused", "class.k-dropdown-button": "this.widgetClasses", "attr.dir": "this.dir" } }, providers: [
+DropDownButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DropDownButtonComponent, isStandalone: true, selector: "kendo-dropdownbutton", inputs: { arrowIcon: "arrowIcon", icon: "icon", svgIcon: "svgIcon", iconClass: "iconClass", imageUrl: "imageUrl", textField: "textField", data: "data", size: "size", rounded: "rounded", fillMode: "fillMode", themeColor: "themeColor", buttonAttributes: "buttonAttributes" }, outputs: { itemClick: "itemClick", onFocus: "focus", onBlur: "blur" }, host: { listeners: { "keydown": "keydown($event)", "keyup": "keyup($event)", "mousedown": "mousedown($event)", "mouseup": "mouseup($event)" }, properties: { "class.k-focus": "this.focused", "class.k-dropdown-button": "this.widgetClasses", "attr.dir": "this.dir" } }, providers: [
         FocusService,
         NavigationService,
         NAVIGATION_SETTINGS_PROVIDER,
@@ -362,7 +361,7 @@ DropDownButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0"
             </kendo-button-list>
         </ng-template>
         <ng-container #container></ng-container>
-    `, isInline: true, dependencies: [{ kind: "directive", type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i7.ListComponent, selector: "kendo-button-list", inputs: ["data", "textField", "itemTemplate", "size"], outputs: ["onItemClick", "onItemBlur"] }, { kind: "component", type: i8.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"] }] });
+    `, 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"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DropDownButtonComponent, decorators: [{
             type: Component,
             args: [{
@@ -422,7 +421,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             </kendo-button-list>
         </ng-template>
         <ng-container #container></ng-container>
-    `
+    `,
+                    standalone: true,
+                    imports: [ButtonComponent, NgClass, ListComponent]
                 }]
         }], ctorParameters: function () { return [{ type: i1.FocusService }, { type: i2.NavigationService }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i3.PopupService }, { type: i0.ElementRef }, { type: i4.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i5.PopupContainerService }, { type: i0.Renderer2 }]; }, propDecorators: { arrowIcon: [{
                 type: Input

package/esm2020/dropdownbutton/dropdownbutton.module.mjs

@@ -3,30 +3,32 @@
 * 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 { PopupModule } from '@progress/kendo-angular-popup';
-import { ListModule } from '../listbutton/list.module';
-import { ButtonModule } from '../button/button.module';
-import { DropDownButtonComponent } from './dropdownbutton.component';
+import { KENDO_DROPDOWNBUTTON } from '../directives';
+import { PopupService } from '@progress/kendo-angular-popup';
+import { IconsService } from '@progress/kendo-angular-icons';
+import { ResizeBatchService } from '@progress/kendo-angular-common';
 import * as i0 from "@angular/core";
+import * as i1 from "./dropdownbutton.component";
+import * as i2 from "../listbutton/button-item-template.directive";
+//IMPORTANT: NgModule export kept for backwards compatibility
 /**
- * @hidden
  *
  * The exported package module.
  *
  * The package exports:
  * - `DropDownButtonComponent`—The DropDownButtonComponent component class.
+ * - `ButtonItemTemplateDirective`—The Button item template directive.
  */
 export class DropDownButtonModule {
 }
 DropDownButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DropDownButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DropDownButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: DropDownButtonModule, declarations: [DropDownButtonComponent], imports: [CommonModule, PopupModule, ListModule, ButtonModule], exports: [DropDownButtonComponent, ListModule] });
-DropDownButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DropDownButtonModule, imports: [CommonModule, PopupModule, ListModule, ButtonModule, ListModule] });
+DropDownButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: DropDownButtonModule, imports: [i1.DropDownButtonComponent, i2.ButtonItemTemplateDirective], exports: [i1.DropDownButtonComponent, i2.ButtonItemTemplateDirective] });
+DropDownButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DropDownButtonModule, providers: [IconsService, PopupService, ResizeBatchService], imports: [i1.DropDownButtonComponent] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DropDownButtonModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [DropDownButtonComponent],
-                    exports: [DropDownButtonComponent, ListModule],
-                    imports: [CommonModule, PopupModule, ListModule, ButtonModule]
+                    exports: [...KENDO_DROPDOWNBUTTON],
+                    imports: [...KENDO_DROPDOWNBUTTON],
+                    providers: [IconsService, PopupService, ResizeBatchService]
                 }]
         }] });

package/esm2020/floatingactionbutton/dial-item.component.mjs

@@ -4,10 +4,10 @@
 *-------------------------------------------------------------------------------------------*/
 import { Component, ElementRef, HostBinding, Input, Renderer2, TemplateRef } from "@angular/core";
 import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { IconWrapperComponent } from "@progress/kendo-angular-icons";
+import { NgIf, NgTemplateOutlet } 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";
 /**
  * @hidden
  */
@@ -61,7 +61,7 @@ export class DialItemComponent {
     }
 }
 DialItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DialItemComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-DialItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DialItemComponent, selector: "[kendoDialItem]", inputs: { cssClass: "cssClass", cssStyle: "cssStyle", isFocused: "isFocused", index: "index", item: "item", dialItemTemplate: "dialItemTemplate", align: "align" }, host: { properties: { "class.k-fab-item": "this.hostClass", "attr.role": "this.role", "attr.aria-disabled": "this.disabledClass", "class.k-disabled": "this.disabledClass", "attr.title": "this.title", "attr.aria-label": "this.title", "attr.data-fab-item-index": "this.indexAttr" } }, ngImport: i0, template: `
+DialItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DialItemComponent, isStandalone: true, selector: "[kendoDialItem]", inputs: { cssClass: "cssClass", cssStyle: "cssStyle", isFocused: "isFocused", index: "index", item: "item", dialItemTemplate: "dialItemTemplate", align: "align" }, host: { properties: { "class.k-fab-item": "this.hostClass", "attr.role": "this.role", "attr.aria-disabled": "this.disabledClass", "class.k-disabled": "this.disabledClass", "attr.title": "this.title", "attr.aria-label": "this.title", "attr.data-fab-item-index": "this.indexAttr" } }, ngImport: i0, template: `
         <ng-template *ngIf="dialItemTemplate"
             [ngTemplateOutlet]="dialItemTemplate"
             [ngTemplateOutletContext]="{ $implicit: item, index: index, isFocused: isFocused }"
@@ -77,7 +77,7 @@ DialItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", vers
                 [customFontClass]="item.iconClass"
                 [svgIcon]="item.svgIcon"></kendo-icon-wrapper>
         </ng-container>
-    `, isInline: true, dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DialItemComponent, decorators: [{
             type: Component,
             args: [{
@@ -99,7 +99,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 [customFontClass]="item.iconClass"
                 [svgIcon]="item.svgIcon"></kendo-icon-wrapper>
         </ng-container>
-    `
+    `,
+                    standalone: true,
+                    imports: [NgIf, NgTemplateOutlet, IconWrapperComponent]
                 }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.LocalizationService }]; }, propDecorators: { hostClass: [{
                 type: HostBinding,

package/esm2020/floatingactionbutton/dial-list.component.mjs

@@ -5,11 +5,11 @@
 import { ChangeDetectorRef, Component, HostBinding, Input, TemplateRef } from "@angular/core";
 import { Subscription } from 'rxjs';
 import { FocusService } from '../focusable/focus.service';
+import { DialItemComponent } from "./dial-item.component";
+import { FocusableDirective } from "../focusable/focusable.directive";
+import { NgFor, NgClass, NgStyle } from "@angular/common";
 import * as i0 from "@angular/core";
 import * as i1 from "../focusable/focus.service";
-import * as i2 from "@angular/common";
-import * as i3 from "../focusable/focusable.directive";
-import * as i4 from "./dial-item.component";
 /**
  * @hidden
  */
@@ -35,7 +35,7 @@ export class DialListComponent {
     }
 }
 DialListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DialListComponent, deps: [{ token: i1.FocusService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-DialListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DialListComponent, selector: "[kendoDialList]", inputs: { dialItems: "dialItems", dialItemTemplate: "dialItemTemplate", align: "align" }, host: { properties: { "class.k-fab-items": "this.hostClass", "class.k-fab-items-bottom": "this.bottomClass", "class.k-fab-items-top": "this.topClass" } }, ngImport: i0, template: `
+DialListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DialListComponent, isStandalone: true, selector: "[kendoDialList]", inputs: { dialItems: "dialItems", dialItemTemplate: "dialItemTemplate", align: "align" }, host: { properties: { "class.k-fab-items": "this.hostClass", "class.k-fab-items-bottom": "this.bottomClass", "class.k-fab-items-top": "this.topClass" } }, ngImport: i0, template: `
         <ng-container *ngFor='let item of dialItems; let idx = index'>
             <li
                 kendoButtonFocusable
@@ -50,7 +50,7 @@ DialListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", vers
             >
             </li>
         </ng-container>
-    `, isInline: true, dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i3.FocusableDirective, selector: "[kendoButtonFocusable]", inputs: ["index"] }, { kind: "component", type: i4.DialItemComponent, selector: "[kendoDialItem]", inputs: ["cssClass", "cssStyle", "isFocused", "index", "item", "dialItemTemplate", "align"] }] });
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: FocusableDirective, selector: "[kendoButtonFocusable]", inputs: ["index"] }, { kind: "component", type: DialItemComponent, selector: "[kendoDialItem]", inputs: ["cssClass", "cssStyle", "isFocused", "index", "item", "dialItemTemplate", "align"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DialListComponent, decorators: [{
             type: Component,
             args: [{
@@ -71,7 +71,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             >
             </li>
         </ng-container>
-    `
+    `,
+                    standalone: true,
+                    imports: [NgFor, FocusableDirective, DialItemComponent, NgClass, NgStyle]
                 }]
         }], ctorParameters: function () { return [{ type: i1.FocusService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { hostClass: [{
                 type: HostBinding,

package/esm2020/floatingactionbutton/floatingactionbutton.component.mjs

@@ -21,16 +21,16 @@ import { closeAnimation, openAnimation } from './animations/animations';
 import { PreventableEvent } from '../preventable-event';
 import { DialItemTemplateDirective } from './templates/dial-item-template.directive';
 import { FloatingActionButtonTemplateDirective } from './templates/fab-template.directive';
+import { DialListComponent } from './dial-list.component';
+import { IconWrapperComponent } from '@progress/kendo-angular-icons';
+import { EventsOutsideAngularDirective } from '@progress/kendo-angular-common';
+import { NgClass, NgIf, NgTemplateOutlet } from '@angular/common';
 import * as i0 from "@angular/core";
 import * as i1 from "../focusable/focus.service";
 import * as i2 from "../navigation/navigation.service";
 import * as i3 from "@progress/kendo-angular-popup";
 import * as i4 from "@angular/animations";
 import * as i5 from "@progress/kendo-angular-l10n";
-import * as i6 from "@angular/common";
-import * as i7 from "@progress/kendo-angular-common";
-import * as i8 from "@progress/kendo-angular-icons";
-import * as i9 from "./dial-list.component";
 const NAVIGATION_SETTINGS = {
     useLeftRightArrows: false
 };
@@ -723,7 +723,7 @@ export class FloatingActionButtonComponent {
     }
 }
 FloatingActionButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FloatingActionButtonComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.FocusService }, { token: i2.NavigationService }, { token: i0.NgZone }, { token: i3.PopupService }, { token: i4.AnimationBuilder }, { token: i5.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-FloatingActionButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FloatingActionButtonComponent, selector: "kendo-floatingactionbutton", inputs: { themeColor: "themeColor", size: "size", rounded: "rounded", disabled: "disabled", align: "align", offset: "offset", positionMode: "positionMode", icon: "icon", svgIcon: "svgIcon", iconClass: "iconClass", buttonClass: "buttonClass", dialClass: "dialClass", text: "text", dialItemAnimation: "dialItemAnimation", tabIndex: "tabIndex", dialItems: "dialItems" }, outputs: { onBlur: "blur", onFocus: "focus", dialItemClick: "dialItemClick", open: "open", close: "close" }, host: { properties: { "class.k-pos-fixed": "this.fixedClass", "class.k-pos-absolute": "this.absoluteClass", "attr.dir": "this.direction" } }, providers: [
+FloatingActionButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FloatingActionButtonComponent, isStandalone: true, selector: "kendo-floatingactionbutton", inputs: { themeColor: "themeColor", size: "size", rounded: "rounded", disabled: "disabled", align: "align", offset: "offset", positionMode: "positionMode", icon: "icon", svgIcon: "svgIcon", iconClass: "iconClass", buttonClass: "buttonClass", dialClass: "dialClass", text: "text", dialItemAnimation: "dialItemAnimation", tabIndex: "tabIndex", dialItems: "dialItems" }, outputs: { onBlur: "blur", onFocus: "focus", dialItemClick: "dialItemClick", open: "open", close: "close" }, host: { properties: { "class.k-pos-fixed": "this.fixedClass", "class.k-pos-absolute": "this.absoluteClass", "attr.dir": "this.direction" } }, providers: [
         FocusService,
         NavigationService,
         NAVIGATION_SETTINGS_PROVIDER,
@@ -789,7 +789,7 @@ FloatingActionButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "1
             >
             </ul>
         </ng-template>
-    `, isInline: true, dependencies: [{ kind: "directive", type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i7.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "component", type: i8.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: i9.DialListComponent, selector: "[kendoDialList]", inputs: ["dialItems", "dialItemTemplate", "align"] }] });
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: DialListComponent, selector: "[kendoDialList]", inputs: ["dialItems", "dialItemTemplate", "align"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FloatingActionButtonComponent, decorators: [{
             type: Component,
             args: [{
@@ -861,7 +861,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             >
             </ul>
         </ng-template>
-    `
+    `,
+                    standalone: true,
+                    imports: [NgClass, EventsOutsideAngularDirective, NgIf, NgTemplateOutlet, IconWrapperComponent, DialListComponent]
                 }]
         }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i1.FocusService }, { type: i2.NavigationService }, { type: i0.NgZone }, { type: i3.PopupService }, { type: i4.AnimationBuilder }, { type: i5.LocalizationService }]; }, propDecorators: { fixedClass: [{
                 type: HostBinding,

package/esm2020/floatingactionbutton/floatingactionbutton.module.mjs

@@ -3,27 +3,15 @@
 * 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 { FloatingActionButtonComponent } from './floatingactionbutton.component';
-import { DialItemTemplateDirective } from './templates/dial-item-template.directive';
-import { FloatingActionButtonTemplateDirective } from './templates/fab-template.directive';
-import { DialListComponent } from './dial-list.component';
-import { DialItemComponent } from './dial-item.component';
-import { ListModule } from '../listbutton/list.module';
-import { EventsModule } from '@progress/kendo-angular-common';
-import { PopupModule } from '@progress/kendo-angular-popup';
-import { IconsModule } from '@progress/kendo-angular-icons';
+import { KENDO_FLOATINGACTIONBUTTON } 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";
-const exportedModules = [
-    FloatingActionButtonComponent,
-    DialItemTemplateDirective,
-    FloatingActionButtonTemplateDirective
-];
-const declarations = [
-    ...exportedModules,
-    DialListComponent,
-    DialItemComponent
-];
+import * as i1 from "./floatingactionbutton.component";
+import * as i2 from "./templates/dial-item-template.directive";
+import * as i3 from "./templates/fab-template.directive";
+//IMPORTANT: NgModule export kept for backwards compatibility
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
  * definition for the FloatingActionButton component.
@@ -55,18 +43,13 @@ const declarations = [
 export class FloatingActionButtonModule {
 }
 FloatingActionButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FloatingActionButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-FloatingActionButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: FloatingActionButtonModule, declarations: [FloatingActionButtonComponent,
-        DialItemTemplateDirective,
-        FloatingActionButtonTemplateDirective, DialListComponent,
-        DialItemComponent], imports: [CommonModule, PopupModule, ListModule, EventsModule, IconsModule], exports: [FloatingActionButtonComponent,
-        DialItemTemplateDirective,
-        FloatingActionButtonTemplateDirective] });
-FloatingActionButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FloatingActionButtonModule, imports: [CommonModule, PopupModule, ListModule, EventsModule, IconsModule] });
+FloatingActionButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: FloatingActionButtonModule, imports: [i1.FloatingActionButtonComponent, i2.DialItemTemplateDirective, i3.FloatingActionButtonTemplateDirective], exports: [i1.FloatingActionButtonComponent, i2.DialItemTemplateDirective, i3.FloatingActionButtonTemplateDirective] });
+FloatingActionButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FloatingActionButtonModule, providers: [IconsService, PopupService, ResizeBatchService], imports: [i1.FloatingActionButtonComponent] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FloatingActionButtonModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [declarations],
-                    exports: [exportedModules],
-                    imports: [CommonModule, PopupModule, ListModule, EventsModule, IconsModule]
+                    exports: [...KENDO_FLOATINGACTIONBUTTON],
+                    imports: [...KENDO_FLOATINGACTIONBUTTON],
+                    providers: [IconsService, PopupService, ResizeBatchService]
                 }]
         }] });

package/esm2020/floatingactionbutton/templates/dial-item-template.directive.mjs

@@ -16,11 +16,12 @@ export class DialItemTemplateDirective {
     }
 }
 DialItemTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DialItemTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-DialItemTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: DialItemTemplateDirective, selector: "[kendoDialItemTemplate]", ngImport: i0 });
+DialItemTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: DialItemTemplateDirective, isStandalone: true, selector: "[kendoDialItemTemplate]", ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DialItemTemplateDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[kendoDialItemTemplate]'
+                    selector: '[kendoDialItemTemplate]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
                     type: Optional

package/esm2020/floatingactionbutton/templates/fab-template.directive.mjs

@@ -16,11 +16,12 @@ export class FloatingActionButtonTemplateDirective {
     }
 }
 FloatingActionButtonTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FloatingActionButtonTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-FloatingActionButtonTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: FloatingActionButtonTemplateDirective, selector: "[kendoFloatingActionButtonTemplate]", ngImport: i0 });
+FloatingActionButtonTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: FloatingActionButtonTemplateDirective, isStandalone: true, selector: "[kendoFloatingActionButtonTemplate]", ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FloatingActionButtonTemplateDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[kendoFloatingActionButtonTemplate]'
+                    selector: '[kendoFloatingActionButtonTemplate]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
                     type: Optional

package/esm2020/focusable/focusable.directive.mjs

@@ -51,11 +51,12 @@ export class FocusableDirective {
     }
 }
 FocusableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FocusableDirective, deps: [{ token: i1.FocusService }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
-FocusableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: FocusableDirective, selector: "[kendoButtonFocusable]", inputs: { index: "index" }, ngImport: i0 });
+FocusableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: FocusableDirective, isStandalone: true, selector: "[kendoButtonFocusable]", inputs: { index: "index" }, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FocusableDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[kendoButtonFocusable]'
+                    selector: '[kendoButtonFocusable]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i1.FocusService }, { type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { index: [{
                 type: Input

package/esm2020/index.mjs

@@ -15,7 +15,6 @@ export { DropDownButtonComponent, DropDownButtonComponent as DropDownButton } fr
 export { DropDownButtonModule } from './dropdownbutton/dropdownbutton.module';
 export { ButtonItemTemplateDirective } from './listbutton/button-item-template.directive';
 export { ListComponent } from './listbutton/list.component';
-export { TemplateContextDirective } from './listbutton/template-context.directive';
 export { ListModule } from './listbutton/list.module';
 export { ChipComponent } from './chip/chip.component';
 export { ChipListComponent } from './chip/chip-list.component';
@@ -28,3 +27,4 @@ export { DialItemTemplateDirective } from './floatingactionbutton/templates/dial
 export { FocusableDirective } from './focusable/focusable.directive';
 export { PreventableEvent } from './preventable-event';
 export { ToggleButtonTabStopDirective } from '@progress/kendo-angular-common';
+export * from './directives';

package/esm2020/listbutton/button-item-template.directive.mjs

@@ -50,7 +50,7 @@ import * as i0 from "@angular/core";
  * }
  * ```
  *
- * For more examples, refer to the article on the [DropDownList templates]({% slug overview_ddl %}#templates).
+ * For more examples, refer to the article on the [DropDownButton templates](slug:itemstemplates_dropdownbutton).
  */
 export class ButtonItemTemplateDirective {
     constructor(templateRef) {
@@ -58,10 +58,11 @@ export class ButtonItemTemplateDirective {
     }
 }
 ButtonItemTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ButtonItemTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-ButtonItemTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ButtonItemTemplateDirective, selector: "[kendoDropDownButtonItemTemplate],[kendoSplitButtonItemTemplate]", ngImport: i0 });
+ButtonItemTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ButtonItemTemplateDirective, isStandalone: true, selector: "[kendoDropDownButtonItemTemplate],[kendoSplitButtonItemTemplate]", ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ButtonItemTemplateDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[kendoDropDownButtonItemTemplate],[kendoSplitButtonItemTemplate]'
+                    selector: '[kendoDropDownButtonItemTemplate],[kendoSplitButtonItemTemplate]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });