@progress/kendo-angular-navigation 17.0.0-develop.21 → 17.0.0-develop.23

package/actionsheet/actionsheet.component.d.ts

@@ -154,5 +154,5 @@ export declare class ActionSheetComponent implements AfterViewInit, OnDestroy, O
     private onAnimationEnd;
     private playAnimation;
     static ɵfac: i0.ɵɵFactoryDeclaration<ActionSheetComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ActionSheetComponent, "kendo-actionsheet", ["kendoActionSheet"], { "title": "title"; "subtitle": "subtitle"; "items": "items"; "cssClass": "cssClass"; "animation": "animation"; "expanded": "expanded"; "titleId": "titleId"; }, { "expandedChange": "expandedChange"; "expand": "expand"; "collapse": "collapse"; "itemClick": "itemClick"; "overlayClick": "overlayClick"; }, ["actionSheetTemplate", "headerTemplate", "contentTemplate", "itemTemplate", "footerTemplate"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ActionSheetComponent, "kendo-actionsheet", ["kendoActionSheet"], { "title": { "alias": "title"; "required": false; }; "subtitle": { "alias": "subtitle"; "required": false; }; "items": { "alias": "items"; "required": false; }; "cssClass": { "alias": "cssClass"; "required": false; }; "animation": { "alias": "animation"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "titleId": { "alias": "titleId"; "required": false; }; }, { "expandedChange": "expandedChange"; "expand": "expand"; "collapse": "collapse"; "itemClick": "itemClick"; "overlayClick": "overlayClick"; }, ["actionSheetTemplate", "headerTemplate", "contentTemplate", "itemTemplate", "footerTemplate"], never, true, never>;
 }

package/actionsheet/item.component.d.ts

@@ -15,5 +15,5 @@ export declare class ActionSheetItemComponent {
     manageIconClasses(item: ActionSheetItem): string;
     manageIconStyles(item: ActionSheetItem): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<ActionSheetItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ActionSheetItemComponent, "[kendoActionSheetItem]", never, { "itemTemplate": "itemTemplate"; "item": "item"; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ActionSheetItemComponent, "[kendoActionSheetItem]", never, { "itemTemplate": { "alias": "itemTemplate"; "required": false; }; "item": { "alias": "item"; "required": false; }; }, {}, never, never, true, never>;
 }

package/actionsheet/list.component.d.ts

@@ -24,5 +24,5 @@ export declare class ActionSheetListComponent implements AfterViewInit, OnDestro
     private clickHandler;
     setAttrIndex(item: ActionSheetItem): number;
     static ɵfac: i0.ɵɵFactoryDeclaration<ActionSheetListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ActionSheetListComponent, "[kendoActionSheetList]", never, { "groupItems": "groupItems"; "allItems": "allItems"; "itemTemplate": "itemTemplate"; }, { "itemClick": "itemClick"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ActionSheetListComponent, "[kendoActionSheetList]", never, { "groupItems": { "alias": "groupItems"; "required": false; }; "allItems": { "alias": "allItems"; "required": false; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; }; }, { "itemClick": "itemClick"; }, never, never, true, never>;
 }

package/actionsheet/models/group.d.ts

@@ -2,4 +2,4 @@
 * Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-export declare type ActionSheetItemGroup = 'top' | 'bottom';
+export type ActionSheetItemGroup = 'top' | 'bottom';

package/appbar/appbar-spacer.component.d.ts

@@ -46,5 +46,5 @@ export declare class AppBarSpacerComponent implements AfterViewInit {
     constructor(renderer: Renderer2, element: ElementRef);
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AppBarSpacerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AppBarSpacerComponent, "kendo-appbar-spacer", never, { "width": "width"; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AppBarSpacerComponent, "kendo-appbar-spacer", never, { "width": { "alias": "width"; "required": false; }; }, {}, never, never, true, never>;
 }

package/appbar/appbar.component.d.ts

@@ -72,5 +72,5 @@ export declare class AppBarComponent implements AfterViewInit, OnDestroy {
     ngOnDestroy(): void;
     private handleHostClasses;
     static ɵfac: i0.ɵɵFactoryDeclaration<AppBarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AppBarComponent, "kendo-appbar", ["kendoAppBar"], { "position": "position"; "positionMode": "positionMode"; "themeColor": "themeColor"; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AppBarComponent, "kendo-appbar", ["kendoAppBar"], { "position": { "alias": "position"; "required": false; }; "positionMode": { "alias": "positionMode"; "required": false; }; "themeColor": { "alias": "themeColor"; "required": false; }; }, {}, never, ["*"], true, never>;
 }

package/appbar/models/position-mode.d.ts

@@ -11,4 +11,4 @@
  * * `sticky`—Positions the AppBar based on the user's scroll position. A sticky element toggles between static and fixed CSS [`position`](https://developer.mozilla.org/en-US/docs/Web/CSS/position) property, depending on the scroll position.
  * * `fixed`—Positions the AppBar relative to the viewport. It always stays in the same place even if the page is scrolled.
  */
-export declare type AppBarPositionMode = 'static' | 'sticky' | 'fixed';
+export type AppBarPositionMode = 'static' | 'sticky' | 'fixed';

package/appbar/models/position.d.ts

@@ -16,4 +16,4 @@
  *   The position property applies CSS `bottom: 0` style in [`fixed mode`]({% slug api_navigation_appbarcomponent %}#toc-positionMode) and also adds a `box-shadow ` to the top of the AppBar.
  *
  */
-export declare type AppBarPosition = 'top' | 'bottom';
+export type AppBarPosition = 'top' | 'bottom';

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

@@ -15,4 +15,4 @@
  * * `primary`— Applies primary coloring value.
  *
  */
-export declare type AppBarThemeColor = 'inherit' | 'light' | 'dark' | 'primary';
+export type AppBarThemeColor = 'inherit' | 'light' | 'dark' | 'primary';

package/bottomnavigation/bottomnavigation-item.component.d.ts

@@ -23,5 +23,5 @@ export declare class BottomNavigationItemComponent {
     get itemIcon(): boolean;
     get iconClasses(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<BottomNavigationItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BottomNavigationItemComponent, "[kendoBottomNavigationItem]", never, { "itemTemplate": "itemTemplate"; "item": "item"; "index": "index"; "disabledComponent": "disabledComponent"; "selectedIdx": "selectedIdx"; "orientation": "orientation"; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BottomNavigationItemComponent, "[kendoBottomNavigationItem]", never, { "itemTemplate": { "alias": "itemTemplate"; "required": false; }; "item": { "alias": "item"; "required": false; }; "index": { "alias": "index"; "required": false; }; "disabledComponent": { "alias": "disabledComponent"; "required": false; }; "selectedIdx": { "alias": "selectedIdx"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; }, {}, never, never, true, never>;
 }

package/bottomnavigation/bottomnavigation.component.d.ts

@@ -160,5 +160,5 @@ export declare class BottomNavigationComponent implements OnInit, AfterViewInit,
     private keyDownHandler;
     private getBottomNavigationItemIndex;
     static ɵfac: i0.ɵɵFactoryDeclaration<BottomNavigationComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BottomNavigationComponent, "kendo-bottomnavigation", ["kendoBottomNavigation"], { "items": "items"; "border": "border"; "disabled": "disabled"; "fill": "fill"; "itemFlow": "itemFlow"; "positionMode": "positionMode"; "themeColor": "themeColor"; }, { "select": "select"; }, ["itemTemplate"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BottomNavigationComponent, "kendo-bottomnavigation", ["kendoBottomNavigation"], { "items": { "alias": "items"; "required": false; }; "border": { "alias": "border"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "fill": { "alias": "fill"; "required": false; }; "itemFlow": { "alias": "itemFlow"; "required": false; }; "positionMode": { "alias": "positionMode"; "required": false; }; "themeColor": { "alias": "themeColor"; "required": false; }; }, { "select": "select"; }, ["itemTemplate"], never, true, never>;
 }

package/bottomnavigation/types/bottomnavigation-fill.d.ts

@@ -9,4 +9,4 @@
  * * (Default) `flat`
  * * `solid`
  */
-export declare type BottomNavigationFill = 'flat' | 'solid';
+export type BottomNavigationFill = 'flat' | 'solid';

package/bottomnavigation/types/bottomnavigation-item-flow.d.ts

@@ -9,4 +9,4 @@
  * * (Default) `vertical` - Renders the text below the icon.
  * * `horizontal` - Renders the icon and the text on the same line.
  */
-export declare type BottomNavigationItemFlow = 'vertical' | 'horizontal';
+export type BottomNavigationItemFlow = 'vertical' | 'horizontal';

package/bottomnavigation/types/bottomnavigation-position-mode.d.ts

@@ -9,4 +9,4 @@
  * * (Default) `fixed` - The BottomNavigation always stays at the bottom of the viewport, regardless of the page scroll position.
  * * `sticky` - Positions the BottomNavigation at the end of the scrollable container.
  */
-export declare type BottomNavigationPositionMode = 'fixed' | 'sticky';
+export type BottomNavigationPositionMode = 'fixed' | 'sticky';

package/bottomnavigation/types/bottomnavigation-theme-color.d.ts

@@ -17,4 +17,4 @@
  * * `light` - Applies coloring based on the light theme color.
  * * `inverse` - Applies coloring based on the inverted theme color.
  */
-export declare type BottomNavigationThemeColor = 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse';
+export type BottomNavigationThemeColor = 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse';

package/breadcrumb/breadcrumb-item.component.d.ts

@@ -14,7 +14,7 @@ export declare class BreadCrumbItemComponent implements OnInit, AfterViewInit {
     item: BreadCrumbItemModel;
     collapseMode: BreadCrumbCollapseMode;
     index: number;
-    itemTemplate: TemplateRef<HTMLElement>;
+    itemTemplate: TemplateRef<any>;
     hostClasses: boolean;
     get isRootItem(): boolean;
     get isDisabled(): boolean;
@@ -26,5 +26,5 @@ export declare class BreadCrumbItemComponent implements OnInit, AfterViewInit {
     ngAfterViewInit(): void;
     onImageLoad(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BreadCrumbItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BreadCrumbItemComponent, "[kendoBreadCrumbItem]", never, { "item": "item"; "collapseMode": "collapseMode"; "index": "index"; "itemTemplate": "itemTemplate"; }, {}, never, ["[kendoBreadCrumbSeparator]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BreadCrumbItemComponent, "[kendoBreadCrumbItem]", never, { "item": { "alias": "item"; "required": false; }; "collapseMode": { "alias": "collapseMode"; "required": false; }; "index": { "alias": "index"; "required": false; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; }; }, {}, never, ["[kendoBreadCrumbSeparator]"], true, never>;
 }

package/breadcrumb/breadcrumb.component.d.ts

@@ -126,5 +126,5 @@ export declare class BreadCrumbComponent implements OnInit, AfterViewInit, OnDes
     private attachResizeHandler;
     private handleClasses;
     static ɵfac: i0.ɵɵFactoryDeclaration<BreadCrumbComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BreadCrumbComponent, "kendo-breadcrumb", ["kendoBreadCrumb"], { "items": "items"; "separatorIcon": "separatorIcon"; "separatorSVGIcon": "separatorSVGIcon"; "collapseMode": "collapseMode"; "size": "size"; }, { "itemClick": "itemClick"; }, ["itemTemplate"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BreadCrumbComponent, "kendo-breadcrumb", ["kendoBreadCrumb"], { "items": { "alias": "items"; "required": false; }; "separatorIcon": { "alias": "separatorIcon"; "required": false; }; "separatorSVGIcon": { "alias": "separatorSVGIcon"; "required": false; }; "collapseMode": { "alias": "collapseMode"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "itemClick": "itemClick"; }, ["itemTemplate"], never, true, never>;
 }

package/breadcrumb/list.component.d.ts

@@ -27,5 +27,5 @@ export declare class BreadCrumbListComponent implements OnDestroy {
     ngOnDestroy(): void;
     private getItemIndex;
     static ɵfac: i0.ɵɵFactoryDeclaration<BreadCrumbListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BreadCrumbListComponent, "[kendoBreadCrumbList]", never, { "items": "items"; "itemTemplate": "itemTemplate"; "collapseMode": "collapseMode"; "separatorIcon": "separatorIcon"; "separatorSVGIcon": "separatorSVGIcon"; }, { "itemClick": "itemClick"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BreadCrumbListComponent, "[kendoBreadCrumbList]", never, { "items": { "alias": "items"; "required": false; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; }; "collapseMode": { "alias": "collapseMode"; "required": false; }; "separatorIcon": { "alias": "separatorIcon"; "required": false; }; "separatorSVGIcon": { "alias": "separatorSVGIcon"; "required": false; }; }, { "itemClick": "itemClick"; }, never, never, true, never>;
 }

package/breadcrumb/models/breadcrumb-size.d.ts

@@ -6,4 +6,4 @@
  * Represents the possible size options of the Breadcrumb.
  * @default `medium`
  */
-export declare type BreadcrumbSize = 'small' | 'medium' | 'large' | 'none';
+export type BreadcrumbSize = 'small' | 'medium' | 'large' | 'none';

package/breadcrumb/models/collapse-mode.d.ts

@@ -11,4 +11,4 @@
  *
  * For more information and example refer to the [Collapse Modes]({% slug collapse_modes_breadcrumb %}) article.
  */
-export declare type BreadCrumbCollapseMode = 'auto' | 'wrap' | 'none';
+export type BreadCrumbCollapseMode = 'auto' | 'wrap' | 'none';

package/breadcrumb/template-directives/separator.directive.d.ts

@@ -28,5 +28,5 @@ export declare class BreadCrumbSeparatorDirective {
     ngOnInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BreadCrumbSeparatorDirective, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BreadCrumbSeparatorDirective, "[kendoBreadCrumbSeparator]", never, { "icon": "icon"; "svgIcon": "svgIcon"; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BreadCrumbSeparatorDirective, "[kendoBreadCrumbSeparator]", never, { "icon": { "alias": "icon"; "required": false; }; "svgIcon": { "alias": "svgIcon"; "required": false; }; }, {}, never, never, true, never>;
 }

package/common/direction.d.ts

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

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

@@ -24,6 +24,109 @@ const DEFAULT_ANIMATION_CONFIG = { duration: 300 };
  * Used to display a set of choices related to a task the user initiates.
  */
 export class ActionSheetComponent {
+    element;
+    ngZone;
+    renderer;
+    localizationService;
+    builder;
+    cdr;
+    /**
+     * @hidden
+     */
+    get hostClass() {
+        return this.expanded;
+    }
+    /**
+     * @hidden
+     */
+    direction;
+    /**
+     * Specifies the text that is rendered as title.
+     */
+    title;
+    /**
+     * Specifies the text that is rendered under the title.
+     */
+    subtitle;
+    /**
+     * The collection of items that will be rendered in the ActionSheet.
+     */
+    items;
+    /**
+     * The CSS classes that will be rendered on the inner ActionSheet element.
+     * Supports the type of values that are supported by [ngClass](link:site.data.urls.angular['ngclassapi']).
+     */
+    cssClass;
+    /**
+     * Configures the ActionSheet opening and closing animations ([see example]({% slug animations_actionsheet %})).
+     * By default the animations are turned off. The default animations' duration is `300ms`.
+     *
+     * @default true
+     */
+    animation = true;
+    /**
+     * Specifies the state of the ActionSheet.
+     *
+     * @default false
+     */
+    expanded = false;
+    /**
+     * Sets the `aria-labelledby` attribute of the ActionSheet wrapper element.
+     * Use this option when the built-in header element is replaced through the [`ActionSheetHeaderTemplate`]({% slug api_navigation_actionsheetheadertemplatedirective %})
+     * or [`ActionSheetContentTemplate`]({% slug api_navigation_actionsheetcontenttemplatedirective %}).
+     *
+     */
+    titleId = getId('k-actionsheet-title');
+    /**
+     * Fires when the `expanded` property of the component is updated.
+     * Used to provide a two-way binding for the `expanded` property.
+     */
+    expandedChange = new EventEmitter();
+    /**
+     * Fires when the ActionSheet is expanded and its animation is complete.
+     */
+    expand = new EventEmitter();
+    /**
+     * Fires when the ActionSheet is collapsed and its animation is complete.
+     */
+    collapse = new EventEmitter();
+    /**
+     * Fires when an ActionSheet item is clicked.
+     */
+    itemClick = new EventEmitter();
+    /**
+     * Fires when the modal overlay is clicked.
+     */
+    overlayClick = new EventEmitter();
+    /**
+     * @hidden
+     */
+    childContainer;
+    /**
+     * @hidden
+     */
+    actionSheetTemplate;
+    /**
+     * @hidden
+     */
+    headerTemplate;
+    /**
+     * @hidden
+     */
+    contentTemplate;
+    /**
+     * @hidden
+     */
+    itemTemplate;
+    /**
+     * @hidden
+     */
+    footerTemplate;
+    dynamicRTLSubscription;
+    rtl = false;
+    domSubs = new Subscription();
+    player;
+    animationEnd = new EventEmitter();
     constructor(element, ngZone, renderer, localizationService, builder, cdr) {
         this.element = element;
         this.ngZone = ngZone;
@@ -31,62 +134,12 @@ export class ActionSheetComponent {
         this.localizationService = localizationService;
         this.builder = builder;
         this.cdr = cdr;
-        /**
-         * Configures the ActionSheet opening and closing animations ([see example]({% slug animations_actionsheet %})).
-         * By default the animations are turned off. The default animations' duration is `300ms`.
-         *
-         * @default true
-         */
-        this.animation = true;
-        /**
-         * Specifies the state of the ActionSheet.
-         *
-         * @default false
-         */
-        this.expanded = false;
-        /**
-         * Sets the `aria-labelledby` attribute of the ActionSheet wrapper element.
-         * Use this option when the built-in header element is replaced through the [`ActionSheetHeaderTemplate`]({% slug api_navigation_actionsheetheadertemplatedirective %})
-         * or [`ActionSheetContentTemplate`]({% slug api_navigation_actionsheetcontenttemplatedirective %}).
-         *
-         */
-        this.titleId = getId('k-actionsheet-title');
-        /**
-         * Fires when the `expanded` property of the component is updated.
-         * Used to provide a two-way binding for the `expanded` property.
-         */
-        this.expandedChange = new EventEmitter();
-        /**
-         * Fires when the ActionSheet is expanded and its animation is complete.
-         */
-        this.expand = new EventEmitter();
-        /**
-         * Fires when the ActionSheet is collapsed and its animation is complete.
-         */
-        this.collapse = new EventEmitter();
-        /**
-         * Fires when an ActionSheet item is clicked.
-         */
-        this.itemClick = new EventEmitter();
-        /**
-         * Fires when the modal overlay is clicked.
-         */
-        this.overlayClick = new EventEmitter();
-        this.rtl = false;
-        this.domSubs = new Subscription();
-        this.animationEnd = new EventEmitter();
         validatePackage(packageMetadata);
         this.dynamicRTLSubscription = this.localizationService.changes.subscribe(({ rtl }) => {
             this.rtl = rtl;
             this.direction = this.rtl ? 'rtl' : 'ltr';
         });
     }
-    /**
-     * @hidden
-     */
-    get hostClass() {
-        return this.expanded;
-    }
     ngAfterViewInit() {
         this.initDomEvents();
         this.setCssVariables();
@@ -257,15 +310,14 @@ export class ActionSheetComponent {
         });
         this.player.play();
     }
-}
-ActionSheetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ActionSheetComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i1.LocalizationService }, { token: i2.AnimationBuilder }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-ActionSheetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ActionSheetComponent, isStandalone: true, selector: "kendo-actionsheet", inputs: { title: "title", subtitle: "subtitle", items: "items", cssClass: "cssClass", animation: "animation", expanded: "expanded", titleId: "titleId" }, outputs: { expandedChange: "expandedChange", expand: "expand", collapse: "collapse", itemClick: "itemClick", overlayClick: "overlayClick" }, host: { properties: { "class.k-actionsheet-container": "this.hostClass", "attr.dir": "this.direction" } }, providers: [
-        LocalizationService,
-        {
-            provide: L10N_PREFIX,
-            useValue: 'kendo.actionsheet.component'
-        }
-    ], queries: [{ propertyName: "actionSheetTemplate", first: true, predicate: ActionSheetTemplateDirective, descendants: true }, { propertyName: "headerTemplate", first: true, predicate: ActionSheetHeaderTemplateDirective, descendants: true }, { propertyName: "contentTemplate", first: true, predicate: ActionSheetContentTemplateDirective, descendants: true }, { propertyName: "itemTemplate", first: true, predicate: ActionSheetItemTemplateDirective, descendants: true }, { propertyName: "footerTemplate", first: true, predicate: ActionSheetFooterTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "childContainer", first: true, predicate: ["childContainer"], descendants: true }], exportAs: ["kendoActionSheet"], usesOnChanges: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActionSheetComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i1.LocalizationService }, { token: i2.AnimationBuilder }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ActionSheetComponent, isStandalone: true, selector: "kendo-actionsheet", inputs: { title: "title", subtitle: "subtitle", items: "items", cssClass: "cssClass", animation: "animation", expanded: "expanded", titleId: "titleId" }, outputs: { expandedChange: "expandedChange", expand: "expand", collapse: "collapse", itemClick: "itemClick", overlayClick: "overlayClick" }, host: { properties: { "class.k-actionsheet-container": "this.hostClass", "attr.dir": "this.direction" } }, providers: [
+            LocalizationService,
+            {
+                provide: L10N_PREFIX,
+                useValue: 'kendo.actionsheet.component'
+            }
+        ], queries: [{ propertyName: "actionSheetTemplate", first: true, predicate: ActionSheetTemplateDirective, descendants: true }, { propertyName: "headerTemplate", first: true, predicate: ActionSheetHeaderTemplateDirective, descendants: true }, { propertyName: "contentTemplate", first: true, predicate: ActionSheetContentTemplateDirective, descendants: true }, { propertyName: "itemTemplate", first: true, predicate: ActionSheetItemTemplateDirective, descendants: true }, { propertyName: "footerTemplate", first: true, predicate: ActionSheetFooterTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "childContainer", first: true, predicate: ["childContainer"], descendants: true }], exportAs: ["kendoActionSheet"], usesOnChanges: true, ngImport: i0, template: `
         <ng-container *ngIf="expanded">
             <div class="k-overlay" (click)="onOverlayClick()"></div>
             <div class="k-animation-container k-animation-container-shown">
@@ -333,7 +385,8 @@ ActionSheetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
             </div>
         </ng-container>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ActionSheetListComponent, selector: "[kendoActionSheetList]", inputs: ["groupItems", "allItems", "itemTemplate"], outputs: ["itemClick"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ActionSheetComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActionSheetComponent, decorators: [{
             type: Component,
             args: [{
                     exportAs: 'kendoActionSheet',

package/{esm2020 → esm2022}/actionsheet/item.component.mjs

@@ -11,9 +11,9 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export class ActionSheetItemComponent {
-    constructor() {
-        this.pointerClass = true;
-    }
+    itemTemplate;
+    item;
+    pointerClass = true;
     manageIconClasses(item) {
         const classes = ['k-actionsheet-item-icon'];
         const isHexColor = isPresent(item.iconColor) && hexColorRegex.test(item.iconColor);
@@ -35,9 +35,8 @@ export class ActionSheetItemComponent {
         }
         return styles;
     }
-}
-ActionSheetItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ActionSheetItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ActionSheetItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ActionSheetItemComponent, isStandalone: true, selector: "[kendoActionSheetItem]", inputs: { itemTemplate: "itemTemplate", item: "item" }, host: { properties: { "class.k-cursor-pointer": "this.pointerClass" } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActionSheetItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ActionSheetItemComponent, isStandalone: true, selector: "[kendoActionSheetItem]", inputs: { itemTemplate: "itemTemplate", item: "item" }, host: { properties: { "class.k-cursor-pointer": "this.pointerClass" } }, ngImport: i0, template: `
         <ng-template *ngIf="itemTemplate; else defaultTemplate"
             [ngTemplateOutlet]="itemTemplate"
             [ngTemplateOutletContext]="{
@@ -63,7 +62,8 @@ ActionSheetItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0
             </span>
         </ng-template>
     `, 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: ActionSheetItemComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActionSheetItemComponent, decorators: [{
             type: Component,
             args: [{
                     // eslint-disable-next-line @angular-eslint/component-selector

package/{esm2020 → esm2022}/actionsheet/list.component.mjs

@@ -12,14 +12,18 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export class ActionSheetListComponent {
+    renderer;
+    ngZone;
+    element;
+    groupItems = [];
+    allItems = [];
+    itemTemplate;
+    itemClick = new EventEmitter();
+    subscriptions = new Subscription();
     constructor(renderer, ngZone, element) {
         this.renderer = renderer;
         this.ngZone = ngZone;
         this.element = element;
-        this.groupItems = [];
-        this.allItems = [];
-        this.itemClick = new EventEmitter();
-        this.subscriptions = new Subscription();
     }
     ngAfterViewInit() {
         this.initDomEvents();
@@ -53,10 +57,10 @@ export class ActionSheetListComponent {
     setAttrIndex(item) {
         return this.allItems.indexOf(item);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActionSheetListComponent, deps: [{ token: i0.Renderer2 }, { token: i0.NgZone }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ActionSheetListComponent, isStandalone: true, selector: "[kendoActionSheetList]", inputs: { groupItems: "groupItems", allItems: "allItems", itemTemplate: "itemTemplate" }, outputs: { itemClick: "itemClick" }, ngImport: i0, template: "\n            <span *ngFor=\"let item of groupItems\" kendoActionSheetItem\n                tabindex=\"0\"\n                role=\"button\"\n                [attr.aria-disabled]=\"item.disabled\"\n                [class.k-actionsheet-item]=\"true\"\n                [attr.kendo-actionsheet-item-index]=\"setAttrIndex(item)\"\n                [class.k-disabled]=\"item.disabled\"\n                [ngClass]=\"item.cssClass\"\n                [ngStyle]=\"item.cssStyle\"\n                [itemTemplate]=\"itemTemplate\"\n                [item]=\"item\">\n            </span>\n    ", isInline: true, dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: ActionSheetItemComponent, selector: "[kendoActionSheetItem]", inputs: ["itemTemplate", "item"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
 }
-ActionSheetListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ActionSheetListComponent, deps: [{ token: i0.Renderer2 }, { token: i0.NgZone }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-ActionSheetListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ActionSheetListComponent, isStandalone: true, selector: "[kendoActionSheetList]", inputs: { groupItems: "groupItems", allItems: "allItems", itemTemplate: "itemTemplate" }, outputs: { itemClick: "itemClick" }, ngImport: i0, template: "\n            <span *ngFor=\"let item of groupItems\" kendoActionSheetItem\n                tabindex=\"0\"\n                role=\"button\"\n                [attr.aria-disabled]=\"item.disabled\"\n                [class.k-actionsheet-item]=\"true\"\n                [attr.kendo-actionsheet-item-index]=\"setAttrIndex(item)\"\n                [class.k-disabled]=\"item.disabled\"\n                [ngClass]=\"item.cssClass\"\n                [ngStyle]=\"item.cssStyle\"\n                [itemTemplate]=\"itemTemplate\"\n                [item]=\"item\">\n            </span>\n    ", isInline: true, dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: ActionSheetItemComponent, selector: "[kendoActionSheetItem]", inputs: ["itemTemplate", "item"] }, { 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: ActionSheetListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActionSheetListComponent, decorators: [{
             type: Component,
             args: [{
                     // eslint-disable-next-line @angular-eslint/component-selector

package/{esm2020 → esm2022}/actionsheet/models/item-click.event.mjs

@@ -6,4 +6,12 @@
  * Arguments for the `itemClick` event of the ActionSheet.
  */
 export class ActionSheetItemClickEvent {
+    /**
+     * The ActionSheet item that was clicked.
+     */
+    item;
+    /**
+     * The DOM event that triggered the `itemClick` event.
+     */
+    originalEvent;
 }

package/{esm2020 → esm2022}/actionsheet/templates/actionsheet-template.mjs

@@ -10,13 +10,14 @@ import * as i0 from "@angular/core";
  * with the `kendoActionSheetTemplate` directive inside the `<kendo-actionsheet>` tag.
  */
 export class ActionSheetTemplateDirective {
+    templateRef;
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActionSheetTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ActionSheetTemplateDirective, isStandalone: true, selector: "[kendoActionSheetTemplate]", ngImport: i0 });
 }
-ActionSheetTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ActionSheetTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-ActionSheetTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ActionSheetTemplateDirective, isStandalone: true, selector: "[kendoActionSheetTemplate]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ActionSheetTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActionSheetTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoActionSheetTemplate]',

package/{esm2020 → esm2022}/actionsheet/templates/content-template.directive.mjs

@@ -10,13 +10,14 @@ import * as i0 from "@angular/core";
  * with the `kendoActionSheetContentTemplate` directive inside the `<kendo-actionsheet>` tag.
  */
 export class ActionSheetContentTemplateDirective {
+    templateRef;
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActionSheetContentTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ActionSheetContentTemplateDirective, isStandalone: true, selector: "[kendoActionSheetContentTemplate]", ngImport: i0 });
 }
-ActionSheetContentTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ActionSheetContentTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-ActionSheetContentTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ActionSheetContentTemplateDirective, isStandalone: true, selector: "[kendoActionSheetContentTemplate]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ActionSheetContentTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActionSheetContentTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoActionSheetContentTemplate]',

package/{esm2020 → esm2022}/actionsheet/templates/footer-template.directive.mjs

@@ -10,13 +10,14 @@ import * as i0 from "@angular/core";
  * with the `kendoActionSheetFooterTemplate` directive inside the `<kendo-actionsheet>` tag.
  */
 export class ActionSheetFooterTemplateDirective {
+    templateRef;
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActionSheetFooterTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ActionSheetFooterTemplateDirective, isStandalone: true, selector: "[kendoActionSheetFooterTemplate]", ngImport: i0 });
 }
-ActionSheetFooterTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ActionSheetFooterTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-ActionSheetFooterTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ActionSheetFooterTemplateDirective, isStandalone: true, selector: "[kendoActionSheetFooterTemplate]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ActionSheetFooterTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActionSheetFooterTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoActionSheetFooterTemplate]',

package/{esm2020 → esm2022}/actionsheet/templates/header-template.directive.mjs

@@ -10,13 +10,14 @@ import * as i0 from "@angular/core";
  * with the `kendoActionSheetHeaderTemplate` directive inside the `<kendo-actionsheet>` tag.
  */
 export class ActionSheetHeaderTemplateDirective {
+    templateRef;
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActionSheetHeaderTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ActionSheetHeaderTemplateDirective, isStandalone: true, selector: "[kendoActionSheetHeaderTemplate]", ngImport: i0 });
 }
-ActionSheetHeaderTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ActionSheetHeaderTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-ActionSheetHeaderTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ActionSheetHeaderTemplateDirective, isStandalone: true, selector: "[kendoActionSheetHeaderTemplate]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ActionSheetHeaderTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActionSheetHeaderTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoActionSheetHeaderTemplate]',

package/{esm2020 → esm2022}/actionsheet/templates/item-template.directive.mjs

@@ -10,13 +10,14 @@ import * as i0 from "@angular/core";
  * with the `kendoActionSheetItemTemplate` directive inside the `<kendo-actionsheet>` tag.
  */
 export class ActionSheetItemTemplateDirective {
+    templateRef;
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActionSheetItemTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ActionSheetItemTemplateDirective, isStandalone: true, selector: "[kendoActionSheetItemTemplate]", ngImport: i0 });
 }
-ActionSheetItemTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ActionSheetItemTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-ActionSheetItemTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ActionSheetItemTemplateDirective, isStandalone: true, selector: "[kendoActionSheetItemTemplate]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ActionSheetItemTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActionSheetItemTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoActionSheetItemTemplate]',