@progress/kendo-angular-navigation 24.2.2-develop.9 → 25.0.0-develop.1

package/index.d.ts

@@ -2,33 +2,1455 @@
 * Copyright © 2026 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-export { AppBarComponent } from './appbar/appbar.component';
-export { AppBarSectionComponent } from './appbar/appbar-section.component';
-export { AppBarSpacerComponent } from './appbar/appbar-spacer.component';
-export { AppBarPosition } from './appbar/models/position';
-export { AppBarPositionMode } from './appbar/models/position-mode';
-export { AppBarThemeColor } from './appbar/models/theme-color';
-export { AppBarModule } from './appbar.module';
-export { NavigationModule } from './navigation.module';
-export { BreadCrumbComponent } from './breadcrumb/breadcrumb.component';
-export { BreadCrumbItem } from './breadcrumb/models/breadcrumb-item.interface';
-export { BreadCrumbCollapseMode } from './breadcrumb/models/collapse-mode';
-export { BreadcrumbSize } from './breadcrumb/models/breadcrumb-size';
-export { BreadCrumbItemTemplateDirective } from './breadcrumb/template-directives/item-template.directive';
-export { BreadCrumbModule } from './breadcrumb.module';
-export { BottomNavigationComponent } from './bottomnavigation/bottomnavigation.component';
-export { BottomNavigationItemTemplateDirective } from './bottomnavigation/templates/item-template.directive';
-export { BottomNavigationItem } from './bottomnavigation/types/bottomnavigation-item';
-export { BottomNavigationItemFlow } from './bottomnavigation/types/bottomnavigation-item-flow';
-export { BottomNavigationThemeColor } from './bottomnavigation/types/bottomnavigation-theme-color';
-export { BottomNavigationFill } from './bottomnavigation/types/bottomnavigation-fill';
-export { BottomNavigationPositionMode } from './bottomnavigation/types/bottomnavigation-position-mode';
-export { BottomNavigationSelectEvent } from './bottomnavigation/events/select-event';
-export { BottomNavigationModule } from './bottomnavigation.module';
-export { BreadCrumbItemComponent } from './breadcrumb/breadcrumb-item.component';
-export { BreadCrumbListComponent } from './breadcrumb/list.component';
-export { ActionSheetComponent } from './actionsheet/actionsheet.component';
-export { ActionSheetViewComponent } from './actionsheet/actionsheet-view.component';
-export { ActionSheetItem, ActionSheetItemGroup, ActionSheetItemClickEvent, ActionSheetHeaderTemplateDirective, ActionSheetItemTemplateDirective, ActionSheetContentTemplateDirective, ActionSheetFooterTemplateDirective, ActionSheetAnimation, ActionSheetActionsLayout, ActionSheetActionsOrientation, ActionSheetActionsAlignment, ActionSheetAction, ActionSheetTemplateDirective } from './actionsheet/models';
-export { ActionSheetModule } from './actionsheet.module';
-export * from './directives';
+import * as i0 from '@angular/core';
+import { AfterViewInit, OnDestroy, ElementRef, Renderer2, TemplateRef, NgZone, OnChanges, EventEmitter, QueryList, ChangeDetectorRef, SimpleChanges, OnInit } from '@angular/core';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { SVGIcon } from '@progress/kendo-svg-icons';
+import { ButtonSize, ButtonFillMode, ButtonThemeColor } from '@progress/kendo-angular-buttons';
+import { AnimationBuilder } from '@angular/animations';
+import { Observable } from 'rxjs';
+import { ResizeSensorComponent } from '@progress/kendo-angular-common';
+import { SVGIcon as SVGIcon$1 } from '@progress/kendo-angular-icons';
+
+/**
+ * Represents the position options of the AppBar
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/navigation/appbar/positioning#position)).
+ *
+ * * The possible values are:
+ * * `top`—Places the AppBar at the top of the content. This setting requires rendering the AppBar before the main page content. In [`fixed mode`](https://www.telerik.com/kendo-angular-ui/components/navigation/api/appbarcomponent#positionMode), this value applies a `top: 0` CSS style and adds a `box-shadow` to the bottom of the AppBar.
+ * * `bottom`—Places the AppBar at the bottom of the content. This setting requires rendering the AppBar after the main page content. In [`fixed mode`](https://www.telerik.com/kendo-angular-ui/components/navigation/api/appbarcomponent#positionMode), this value applies a `bottom: 0` CSS style and adds a `box-shadow` to the top of the AppBar.
+ *
+ */
+type AppBarPosition = 'top' | 'bottom';
+
+/**
+ * Represents the possible theme colors of the AppBar
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/navigation/appbar/theme-color)).
+ * The theme color will be applied as a background color to the component.
+ *
+ * * The possible values are:
+ * * `base`—Applies base coloring value.
+ * * `primary`—Applies primary coloring value.
+ * * `secondary`—Applies secondary coloring value.
+ * * `tertiary`—Applies tertiary coloring value.
+ * * `inverse`—Applies inverse coloring value.
+ *
+ */
+type AppBarThemeColor = 'base' | 'primary' | 'secondary' | 'tertiary' | 'inverse';
+
+/**
+ * Represents the available position modes of the AppBar ([see example](https://www.telerik.com/kendo-angular-ui/components/navigation/appbar/positioning#position-mode)).
+ *
+ * The possible values are:
+ * * `static`—Positions the AppBar according to the normal flow of the page.
+ * * `sticky`—Positions the AppBar based on the user's scroll position. A sticky element toggles between the 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. The component always stays in the same place even if the page is scrolled.
+ */
+type AppBarPositionMode = 'static' | 'sticky' | 'fixed';
+
+/**
+ * Represents the [Kendo UI AppBar component for Angular](https://www.telerik.com/kendo-angular-ui/components/navigation/appbar).
+ *
+ * Use the AppBar component to display information, actions, brand titles, and additional navigation on the current screen.
+ *
+ * @example
+ * ```html
+ * <kendo-appbar>
+ *    <kendo-appbar-section>
+ *        <h2>Page Title</h2>
+ *    </kendo-appbar-section>
+ * </kendo-appbar>
+ * ```
+ *
+ * @remarks
+ * Supported children components are: {@link AppBarSectionComponent}, {@link AppBarSpacerComponent}
+ */
+declare class AppBarComponent implements AfterViewInit, OnDestroy {
+    private localizationService;
+    private host;
+    private renderer;
+    hostClass: boolean;
+    /**
+     * @hidden
+     */
+    direction: string;
+    /**
+     * Specifies the position of the AppBar
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/navigation/appbar/positioning#position)).
+     *
+     * @default 'top'
+     */
+    set position(position: AppBarPosition);
+    get position(): AppBarPosition;
+    /**
+     * Sets the position mode of the AppBar ([see example](https://www.telerik.com/kendo-angular-ui/components/navigation/appbar/positioning#position-mode)).
+     *
+     * @default 'static'
+     */
+    set positionMode(positionMode: AppBarPositionMode);
+    get positionMode(): AppBarPositionMode;
+    /**
+     * Sets the theme color of the AppBar. The theme color is applied as the background color of the component. The default value is set by the Kendo theme.
+     */
+    set themeColor(themeColor: AppBarThemeColor);
+    get themeColor(): AppBarThemeColor;
+    private dynamicRTLSubscription;
+    private rtl;
+    private _themeColor;
+    private _position;
+    private _positionMode;
+    constructor(localizationService: LocalizationService, host: ElementRef, renderer: Renderer2);
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    private handleHostClasses;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AppBarComponent, 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>;
+}
+
+/**
+ * Represents the [Kendo UI AppBarSection component for Angular](https://www.telerik.com/kendo-angular-ui/components/navigation/appbar/content-arrangement#sections).
+ *
+ * Use the AppBarSection component to group content, actions, or navigation items within the AppBar.
+ *
+ * @example
+ * ```html
+ * <kendo-appbar>
+ *    <kendo-appbar-section>
+ *         <h2>Page Title</h2>
+ *     </kendo-appbar-section>
+ * </kendo-appbar>
+ * ```
+ */
+declare class AppBarSectionComponent {
+    hostClass: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AppBarSectionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AppBarSectionComponent, "kendo-appbar-section", never, {}, {}, never, ["*"], true, never>;
+}
+
+/**
+ * Represents the [Kendo UI AppBarSpacer component for Angular](https://www.telerik.com/kendo-angular-ui/components/navigation/appbar/content-arrangement#spacings).
+ *
+ * Use the AppBarSpacer component to add white space between AppBar sections and customize its width.
+ *
+ * @example
+ * ```html
+ * <kendo-appbar>
+ *    <kendo-appbar-section>
+ *        <button kendoButton fillMode="flat" [svgIcon]="menuIcon"></button>
+ *    </kendo-appbar-section>
+ *
+ *    <kendo-appbar-spacer></kendo-appbar-spacer>
+ *
+ *     <kendo-appbar-section>
+ *          <h2>Page Title</h2>
+ *     </kendo-appbar-section>
+ * </kendo-appbar>
+ * ```
+ */
+declare class AppBarSpacerComponent implements AfterViewInit {
+    private renderer;
+    private element;
+    hostClass: boolean;
+    get sizedClass(): boolean;
+    /**
+     * Specifies the width of the AppBarSpacer.
+     *
+     * If not set, the AppBarSpacer will take all of the available space.
+     */
+    width: string;
+    constructor(renderer: Renderer2, element: ElementRef);
+    ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AppBarSpacerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AppBarSpacerComponent, "kendo-appbar-spacer", never, { "width": { "alias": "width"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Represents the [`NgModule`](link:site.data.urls.angular['ngmoduleapi'])
+ * definition for the AppBar component.
+ *
+ * @example
+ * ```typescript
+ * import { AppBarModule } from '@progress/kendo-angular-navigation';
+ * import { BrowserModule } from '@angular/platform-browser';
+ * import { NgModule } from '@angular/core';
+ * import { AppComponent } from './app.component';
+ *
+ * @NgModule({
+ *     declarations: [AppComponent],
+ *     imports:      [BrowserModule, AppBarModule],
+ *     bootstrap:    [AppComponent]
+ * })
+ * export class AppModule {}
+ * ```
+ */
+declare class AppBarModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AppBarModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AppBarModule, never, [typeof AppBarComponent, typeof AppBarSectionComponent, typeof AppBarSpacerComponent], [typeof AppBarComponent, typeof AppBarSectionComponent, typeof AppBarSpacerComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AppBarModule>;
+}
+
+/**
+ * Defines the group for an ActionSheet item.
+ *
+ * - `top`&mdash;Renders the item above the separator.
+ * - `bottom`&mdash;Renders the item below the separator.
+ */
+type ActionSheetItemGroup = 'top' | 'bottom';
+
+/**
+ * Represents the configuration for an ActionSheet item.
+ */
+interface ActionSheetItem {
+    /**
+     * Specifies the text content of the ActionSheet item.
+     */
+    title?: string;
+    /**
+     * Defines the name of an existing [font icon](https://www.telerik.com/kendo-angular-ui/components/icons/icon/icon-list) to render inside the item. The icon is rendered in a `span.k-icon` element.
+     */
+    icon?: string;
+    /**
+     * Defines an [`SVGIcon`](https://www.telerik.com/kendo-angular-ui/components/icons/api/svgicon) to render within the ActionSheet item.
+     */
+    svgIcon?: SVGIcon;
+    /**
+     * Defines one or more CSS classes to apply to a span element inside the item. Allows using custom icons.
+     */
+    iconClass?: string;
+    /**
+     * Specifies the group for the item. Use `top` to render the item above the separator, or `bottom` to render below it.
+     */
+    group?: ActionSheetItemGroup;
+    /**
+     * Sets additional text rendered below the item's title.
+     */
+    description?: string;
+    /**
+     * Specifies whether the ActionSheet item is initially disabled.
+     *
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Defines the size of the icon. Accepts any valid CSS font-size value.
+     */
+    iconSize?: string;
+    /**
+     * Sets the color of the icon. Accepts `inherit`, `default`, `primary`, `secondary`, `tertiary`, `info`, `success`, `warning`, `error`, `dark`, `light`, `inverted`, or any hexadecimal value.
+     */
+    iconColor?: string;
+    /**
+     * Specifies the CSS classes to apply to the item. Supports all value types accepted by [`ngClass`](link:site.data.urls.angular['ngclassapi']).
+     */
+    cssClass?: any;
+    /**
+     * Specifies the CSS styles to apply to the item. Supports all value types accepted by [`ngStyle`](link:site.data.urls.angular['ngstyleapi']).
+     */
+    cssStyle?: any;
+}
+
+/**
+ * Provides the event data for the `itemClick` event of the ActionSheet component.
+ *
+ * Use this event to access the clicked item and the original DOM event.
+ */
+declare class ActionSheetItemClickEvent {
+    /**
+     * Provides the ActionSheet item that was clicked.
+     */
+    item: ActionSheetItem;
+    /**
+     * Represents the original DOM event that triggered the `itemClick` event.
+     */
+    originalEvent: any;
+}
+
+/**
+ * Represents a template for customizing the header content of the ActionSheet. If you implement this template, it will override the `title` and `subtitle` of the ActionSheet.
+ * To define the template, nest an `<ng-template>` tag
+ * with the `kendoActionSheetHeaderTemplate` directive inside the `<kendo-actionsheet>` tag.
+ *
+ * @example
+ * ```html
+ * <kendo-actionsheet>
+ *   <ng-template kendoActionSheetHeaderTemplate>
+ *     <h3>Custom Header</h3>
+ *   </ng-template>
+ * </kendo-actionsheet>
+ * ```
+ */
+declare class ActionSheetHeaderTemplateDirective {
+    templateRef: TemplateRef<any>;
+    constructor(templateRef: TemplateRef<any>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ActionSheetHeaderTemplateDirective, [{ optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ActionSheetHeaderTemplateDirective, "[kendoActionSheetHeaderTemplate]", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * Represents a template for customizing the content of each ActionSheet item.
+ * To define the template, nest an `<ng-template>` tag
+ * with the `kendoActionSheetItemTemplate` directive inside the `<kendo-actionsheet>` tag.
+ *
+ * @example
+ * ```html
+ * <kendo-actionsheet [items]="items">
+ *   <ng-template kendoActionSheetItemTemplate let-item>
+ *     <span>{{ item.title }} (custom)</span>
+ *   </ng-template>
+ * </kendo-actionsheet>
+ * ```
+ */
+declare class ActionSheetItemTemplateDirective {
+    templateRef: TemplateRef<any>;
+    constructor(templateRef: TemplateRef<any>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ActionSheetItemTemplateDirective, [{ optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ActionSheetItemTemplateDirective, "[kendoActionSheetItemTemplate]", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * Represents a template for customizing the list content of the ActionSheet items.
+ * To define the template, nest an `<ng-template>` tag
+ * with the `kendoActionSheetContentTemplate` directive inside the `<kendo-actionsheet>` tag.
+ *
+ * @example
+ * ```html
+ * <kendo-actionsheet [items]="items">
+ *   <ng-template kendoActionSheetContentTemplate>
+ *     <div>Custom content here</div>
+ *   </ng-template>
+ * </kendo-actionsheet>
+ * ```
+ */
+declare class ActionSheetContentTemplateDirective {
+    templateRef: TemplateRef<any>;
+    constructor(templateRef: TemplateRef<any>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ActionSheetContentTemplateDirective, [{ optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ActionSheetContentTemplateDirective, "[kendoActionSheetContentTemplate]", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * Represents a template for customizing the footer of the ActionSheet.
+ * To define the template, nest an `<ng-template>` tag
+ * with the `kendoActionSheetFooterTemplate` directive inside the `<kendo-actionsheet>` tag.
+ *
+ * @example
+ * ```html
+ * <kendo-actionsheet>
+ *   <ng-template kendoActionSheetFooterTemplate>
+ *     <button kendoButton>Custom Footer Button</button>
+ *   </ng-template>
+ * </kendo-actionsheet>
+ * ```
+ */
+declare class ActionSheetFooterTemplateDirective {
+    templateRef: TemplateRef<any>;
+    constructor(templateRef: TemplateRef<any>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ActionSheetFooterTemplateDirective, [{ optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ActionSheetFooterTemplateDirective, "[kendoActionSheetFooterTemplate]", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * Represents the settings of the opening and closing animations for the ActionSheet ([see example](https://www.telerik.com/kendo-angular-ui/components/navigation/actionsheet/animations)).
+ */
+interface ActionSheetAnimation {
+    /**
+     * Specifies the duration of the ActionSheet opening and closing animations in milliseconds.
+     *
+     * @default 300
+     */
+    duration?: number;
+}
+
+/**
+ * Represents a template for customizing the overall content of the ActionSheet.
+ * To define the template, nest an `<ng-template>` tag
+ * with the `kendoActionSheetTemplate` directive inside the `<kendo-actionsheet>` tag.
+ *
+ * @example
+ * ```html
+ * <kendo-actionsheet>
+ *   <ng-template kendoActionSheetTemplate>
+ *     <div>Custom ActionSheet content</div>
+ *   </ng-template>
+ * </kendo-actionsheet>
+ * ```
+ */
+declare class ActionSheetTemplateDirective {
+    templateRef: TemplateRef<any>;
+    constructor(templateRef: TemplateRef<any>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ActionSheetTemplateDirective, [{ optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ActionSheetTemplateDirective, "[kendoActionSheetTemplate]", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * Defines the possible orientations for ActionSheet action buttons.
+ * - `horizontal`&mdash;Lays out actions in a horizontal row.
+ * - `vertical`&mdash;Stacks actions vertically.
+ */
+type ActionSheetActionsOrientation = 'horizontal' | 'vertical';
+/**
+ * Defines the possible alignments for the ActionSheet action buttons.
+ * - `start`&mdash;Aligns actions to the start of the container.
+ * - `center`&mdash;Centers actions within the container.
+ * - `end`&mdash;Aligns actions to the end of the container.
+ * - `stretched`&mdash;Stretches actions to fill the available space.
+ * - `justify`&mdash;Distributes actions evenly across the container.
+ */
+type ActionSheetActionsAlignment = 'start' | 'center' | 'end' | 'stretched' | 'justify';
+/**
+ * Represents the layout configuration options for the ActionSheet action buttons.
+ */
+interface ActionSheetActionsLayout {
+    /**
+     * Specifies the orientation of the actions.
+     *
+     * @default horizontal
+     */
+    orientation?: ActionSheetActionsOrientation;
+    /**
+     * Specifies the alignment of the actions within the container.
+     *
+     * @default stretched
+     */
+    alignment?: ActionSheetActionsAlignment;
+}
+
+/**
+ * Describes the configuration for an ActionSheet action button.
+ */
+interface ActionSheetAction {
+    /**
+     * Specifies the unique identifier of the action button.
+     */
+    id?: string | number;
+    /**
+     * Sets the text content of the action button.
+     */
+    text?: string;
+    /**
+     * Sets the [font icon](https://www.telerik.com/kendo-angular-ui/components/icons/icon/icon-list) for the action button.
+     */
+    icon?: string;
+    /**
+     * Specifies an [`SVGIcon`](https://www.telerik.com/kendo-angular-ui/components/icons/api/svgicon) for the action button.
+     */
+    svgIcon?: SVGIcon;
+    /**
+     * Specifies the `title` attribute for the action button. The title appears as the default tooltip.
+     *
+     * @remarks
+     * This option is related to accessibility.
+     */
+    title?: string;
+    /**
+     * Sets the size of the action button.
+     */
+    size?: ButtonSize;
+    /**
+     * Defines the fill mode of the action button.
+     */
+    fillMode?: ButtonFillMode;
+    /**
+     * Specifies the theme color of the action button.
+     */
+    themeColor?: ButtonThemeColor;
+}
+
+/**
+ * @hidden
+ *
+ * Represents the [Kendo UI ActionSheetView component for Angular].
+ * Used to display multiple views.
+ */
+declare class ActionSheetViewComponent implements AfterViewInit {
+    actionSheet: ActionSheetComponent;
+    private renderer;
+    private host;
+    private zone;
+    title: string;
+    subtitle: string;
+    titleId: string;
+    hostClass: boolean;
+    transitionDuration: string;
+    transitionProperty: string;
+    headerTemplate: ActionSheetHeaderTemplateDirective;
+    contentTemplate: ActionSheetContentTemplateDirective;
+    footerTemplate: ActionSheetFooterTemplateDirective;
+    actionSheetTemplate: ActionSheetTemplateDirective;
+    ngAfterViewInit(): void;
+    constructor(actionSheet: ActionSheetComponent, renderer: Renderer2, host: ElementRef, zone: NgZone);
+    get orientationClass(): string;
+    get alignmentClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ActionSheetViewComponent, [{ optional: true; host: true; }, null, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ActionSheetViewComponent, "kendo-actionsheet-view", never, { "title": { "alias": "title"; "required": false; }; "subtitle": { "alias": "subtitle"; "required": false; }; "titleId": { "alias": "titleId"; "required": false; }; }, {}, ["headerTemplate", "contentTemplate", "footerTemplate", "actionSheetTemplate"], never, true, never>;
+}
+
+/**
+ * Represents the [Kendo UI ActionSheet component for Angular](https://www.telerik.com/kendo-angular-ui/components/navigation/actionsheet).
+ * Use this component to display a set of choices related to a user-initiated task in a modal sheet that slides up from the bottom of the screen.
+ *
+ * @example
+ * ```html
+ * <kendo-actionsheet [items]="actionItems" [expanded]="true">
+ * </kendo-actionsheet>
+ * ```
+ */
+declare class ActionSheetComponent implements AfterViewInit, OnDestroy, OnChanges {
+    element: ElementRef;
+    private ngZone;
+    private renderer;
+    private localizationService;
+    private builder;
+    private cdr;
+    /**
+     * @hidden
+     */
+    currentView: number;
+    /**
+     * @hidden
+     */
+    get hostClass(): boolean;
+    /**
+     * @hidden
+     */
+    direction: string;
+    /**
+     * Specifies the action buttons displayed in the ActionSheet footer.
+     */
+    actions: ActionSheetAction[];
+    /**
+     * Configures the layout of the action buttons in the footer. By default, actions are arranged horizontally and stretched to fill the container.
+     */
+    actionsLayout: ActionSheetActionsLayout;
+    /**
+     * Determines whether the ActionSheet closes when the overlay is clicked.
+     *
+     * @default false
+     */
+    overlayClickClose: boolean;
+    /**
+     * Sets the title text displayed in the ActionSheet header.
+     */
+    title: string;
+    /**
+     * Sets the subtitle text displayed below the title in the header.
+     */
+    subtitle: string;
+    /**
+     * Provides the collection of items rendered in the ActionSheet content area.
+     */
+    items: Array<ActionSheetItem>;
+    /**
+     * Applies CSS classes to the inner ActionSheet element. Accepts any value supported by [`ngClass`](link:site.data.urls.angular['ngclassapi']).
+     */
+    set cssClass(value: any);
+    get cssClass(): any;
+    /**
+     * Applies inline styles to the inner ActionSheet element. Accepts any value supported by [`ngStyle`](link:site.data.urls.angular['ngstyleapi']).
+     */
+    cssStyle: any;
+    /**
+     * Configures the opening and closing animations for the ActionSheet ([see example](https://www.telerik.com/kendo-angular-ui/components/navigation/actionsheet/animations)).
+     *
+     * @default true
+     */
+    animation: boolean | ActionSheetAnimation;
+    /**
+     * Controls whether the ActionSheet is expanded or collapsed.
+     *
+     * @default false
+     */
+    expanded: boolean;
+    /**
+     * Sets the `aria-labelledby` attribute of the ActionSheet wrapper element.
+     * Use this option when the built-in header element is replaced through the [`ActionSheetHeaderTemplate`](https://www.telerik.com/kendo-angular-ui/components/navigation/api/actionsheetheadertemplatedirective)
+     * or [`ActionSheetContentTemplate`](https://www.telerik.com/kendo-angular-ui/components/navigation/api/actionsheetcontenttemplatedirective).
+     *
+     * @remarks
+     * This property is related to accessibility.
+     */
+    titleId: string;
+    /**
+     * @hidden
+     *
+     * Determines if the ActionSheet should focus the first focusable element when opened.
+     */
+    initialFocus: boolean;
+    /**
+     * Fires when the `expanded` property of the component is updated.
+     * You can use this event to provide two-way binding for the `expanded` property.
+     */
+    expandedChange: EventEmitter<boolean>;
+    /**
+     * Fires when any of the ActionSheet action buttons is clicked.
+     */
+    action: EventEmitter<ActionSheetAction>;
+    /**
+     * Fires when the ActionSheet is expanded and its animation is complete.
+     */
+    expand: EventEmitter<any>;
+    /**
+     * Fires when the ActionSheet is collapsed and its animation is complete.
+     */
+    collapse: EventEmitter<any>;
+    /**
+     * Fires when an ActionSheet item is clicked.
+     */
+    itemClick: EventEmitter<ActionSheetItemClickEvent>;
+    /**
+     * Fires when the modal overlay is clicked.
+     */
+    overlayClick: EventEmitter<any>;
+    /**
+     * @hidden
+     */
+    childContainer: ElementRef;
+    /**
+     * @hidden
+     */
+    actionSheetViews: QueryList<ActionSheetViewComponent>;
+    /**
+     * @hidden
+     */
+    actionSheetTemplate: ActionSheetTemplateDirective;
+    /**
+     * @hidden
+     */
+    headerTemplate: ActionSheetHeaderTemplateDirective;
+    /**
+     * @hidden
+     */
+    contentTemplate: ActionSheetContentTemplateDirective;
+    /**
+     * @hidden
+     */
+    itemTemplate: ActionSheetItemTemplateDirective;
+    /**
+     * @hidden
+     */
+    footerTemplate: ActionSheetFooterTemplateDirective;
+    private _cssClass;
+    private dynamicRTLSubscription;
+    private rtl;
+    private domSubs;
+    private player;
+    private animationEnd;
+    private isFullscreen;
+    constructor(element: ElementRef, ngZone: NgZone, renderer: Renderer2, localizationService: LocalizationService, builder: AnimationBuilder, cdr: ChangeDetectorRef);
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    /**
+     * @hidden
+     * Navigates to the next view.
+     */
+    nextView(): void;
+    /**
+     * @hidden
+     * Navigates to the previous view.
+     */
+    prevView(): void;
+    /**
+     * Toggles the visibility of the ActionSheet.
+     *
+     * @param expanded? - Boolean. Specifies if the ActionSheet will be expanded or collapsed.
+     */
+    toggle(expanded?: boolean): void;
+    /**
+     * @hidden
+     */
+    get orientationClass(): string;
+    /**
+     * @hidden
+     */
+    get alignmentClass(): string | null;
+    /**
+     * @hidden
+     */
+    get topGroupItems(): Array<ActionSheetItem>;
+    /**
+     * @hidden
+     */
+    get bottomGroupItems(): Array<ActionSheetItem>;
+    /**
+     * @hidden
+     */
+    onItemClick(ev: ActionSheetItemClickEvent): void;
+    /**
+     * @hidden
+     */
+    onOverlayClick(): void;
+    /**
+     * @hidden
+     */
+    get shouldRenderSeparator(): boolean;
+    /**
+     * @hidden
+     */
+    get childContainerStyle(): string;
+    private initDomEvents;
+    private setCssVariables;
+    private hasFullscreenClass;
+    private onKeyDown;
+    private handleInitialFocus;
+    private keepFocusWithinComponent;
+    private triggerItemClick;
+    private setExpanded;
+    private onAnimationEnd;
+    private playAnimation;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ActionSheetComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ActionSheetComponent, "kendo-actionsheet", ["kendoActionSheet"], { "actions": { "alias": "actions"; "required": false; }; "actionsLayout": { "alias": "actionsLayout"; "required": false; }; "overlayClickClose": { "alias": "overlayClickClose"; "required": false; }; "title": { "alias": "title"; "required": false; }; "subtitle": { "alias": "subtitle"; "required": false; }; "items": { "alias": "items"; "required": false; }; "cssClass": { "alias": "cssClass"; "required": false; }; "cssStyle": { "alias": "cssStyle"; "required": false; }; "animation": { "alias": "animation"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "titleId": { "alias": "titleId"; "required": false; }; "initialFocus": { "alias": "initialFocus"; "required": false; }; }, { "expandedChange": "expandedChange"; "action": "action"; "expand": "expand"; "collapse": "collapse"; "itemClick": "itemClick"; "overlayClick": "overlayClick"; }, ["actionSheetTemplate", "headerTemplate", "contentTemplate", "itemTemplate", "footerTemplate", "actionSheetViews"], ["kendo-actionsheet-view"], true, never>;
+}
+
+/**
+ * @hidden
+ */
+declare class PreventableEvent {
+    private prevented;
+    /**
+     * Prevents the default action for a specified event.
+     * In this way, the source component suppresses
+     * the built-in behavior that follows the event.
+     */
+    preventDefault(): void;
+    /**
+     * Returns `true` if the event was prevented
+     * by any of its subscribers.
+     *
+     * @returns `true` if the default action was prevented.
+     * Otherwise, returns `false`.
+     */
+    isDefaultPrevented(): boolean;
+    /**
+     * @hidden
+     */
+    constructor(args?: any);
+}
+
+/**
+ * Provides the arguments for the `select` event of the BottomNavigation.
+ */
+declare class BottomNavigationSelectEvent extends PreventableEvent {
+    /**
+     * Represents the index of the selected item in the `items` collection.
+     */
+    index: number;
+    /**
+     * Represents the selected BottomNavigation item.
+     */
+    item: any;
+    /**
+     * Provides the DOM event that triggered the selection.
+     */
+    originalEvent: any;
+    /**
+     * Provides a reference to the BottomNavigation instance that triggered the event.
+     */
+    sender: BottomNavigationComponent;
+    /**
+     * @hidden
+     */
+    constructor(args: any);
+}
+
+/**
+ * Represents the possible options to control how the icon and text label are positioned in the BottomNavigation items.
+ *
+ * The possible values are:
+ * * `vertical`&mdash;Renders the text below the icon.
+ * * `horizontal`&mdash;Renders the icon and the text on the same line.
+ */
+type BottomNavigationItemFlow = 'vertical' | 'horizontal';
+
+/**
+ *  Represents the possible options for the fill style of the BottomNavigation ([see example](https://www.telerik.com/kendo-angular-ui/components/navigation/bottomnavigation/appearance)).
+ *
+ * The possible values are:
+ * * `flat`&mdash;Sets the BottomNavigation fill style to a flat, borderless appearance.
+ * * `solid`&mdash;Sets the BottomNavigation fill style to a solid, filled background.
+ */
+type BottomNavigationFill = 'flat' | 'solid';
+
+/**
+ * Represents the options to control the position and behavior of the BottomNavigation when the page is scrollable ([see example](https://www.telerik.com/kendo-angular-ui/components/navigation/bottomnavigation/position-mode)).
+ *
+ * The possible values are:
+ * * `fixed`&mdash;Positions the BottomNavigation at the bottom of the viewport, regardless of the page scroll position.
+ * * `sticky`&mdash;Positions the BottomNavigation at the end of the scrollable container.
+ */
+type BottomNavigationPositionMode = 'fixed' | 'sticky';
+
+/**
+ * Represents the possible theme colors of the BottomNavigation ([see example](https://www.telerik.com/kendo-angular-ui/components/navigation/bottomnavigation/appearance)).
+ *
+ * The possible values are:
+ * * `base`&mdash;Applies base coloring value.
+ * * `primary`&mdash;Applies primary coloring value.
+ * * `secondary`&mdash;Applies secondary coloring value.
+ * * `tertiary`&mdash;Applies tertiary coloring value.
+ * * `inverse`&mdash;Applies inverse coloring value.
+ */
+type BottomNavigationThemeColor = 'base' | 'primary' | 'secondary' | 'tertiary' | 'inverse';
+
+/**
+ * Represents a template that defines the content of the BottomNavigation items. Use this directive to customize the appearance of each navigation item.
+ * To define the template, nest an `<ng-template>` tag with the `kendoBottomNavigationItemTemplate` directive inside the `<kendo-bottomnavigation>` tag ([see example](https://www.telerik.com/kendo-angular-ui/components/navigation/bottomnavigation/templates)).
+ *
+ * @example
+ * ```html
+ * <kendo-bottomnavigation [items]="items">
+ *    <ng-template kendoBottomNavigationItemTemplate let-item>
+ *       <span>{{ item.text }}</span>
+ *    </ng-template>
+ * </kendo-bottomnavigation>
+ * ```
+ */
+declare class BottomNavigationItemTemplateDirective {
+    templateRef: TemplateRef<any>;
+    constructor(templateRef: TemplateRef<any>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<BottomNavigationItemTemplateDirective, [{ optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BottomNavigationItemTemplateDirective, "[kendoBottomNavigationItemTemplate]", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * Represents the [Kendo UI BottomNavigation component for Angular](https://www.telerik.com/kendo-angular-ui/components/navigation/bottomnavigation).
+ *
+ * Use the BottomNavigation component to let users quickly switch between primary views in your app.
+ *
+ * @example
+ * ```typescript
+ * @Component({
+ *      selector: 'my-app',
+ *      template: `
+ *          <kendo-bottomnavigation [items]="items"></kendo-bottomnavigation>
+ *      `
+ * })
+ * class AppComponent {
+ *      public items: Array<any> = [
+ *          { text: 'Inbox', icon: 'envelop', selected: true },
+ *          { text: 'Calendar', icon: 'calendar'},
+ *          { text: 'Profile', icon: 'user'}
+ *      ];
+ * }
+ * ```
+ */
+declare class BottomNavigationComponent implements OnInit, AfterViewInit, OnDestroy {
+    private localization;
+    private hostElement;
+    private ngZone;
+    private changeDetector;
+    private renderer;
+    /**
+     * Provides the collection of items rendered in the BottomNavigation ([see example](https://www.telerik.com/kendo-angular-ui/components/navigation/bottomnavigation/items)).
+     */
+    items: any[];
+    /**
+     * Shows a top border on the BottomNavigation ([see example](https://www.telerik.com/kendo-angular-ui/components/navigation/bottomnavigation/appearance)).
+     *
+     * @default false
+     */
+    border: boolean;
+    /**
+     * Disables the entire BottomNavigation.
+     *
+     * @default false
+     */
+    disabled: boolean;
+    /**
+     * Sets the fill style of the BottomNavigation ([see example](https://www.telerik.com/kendo-angular-ui/components/navigation/bottomnavigation/appearance)). The default value is set by the Kendo theme.
+     */
+    set fill(fill: BottomNavigationFill);
+    get fill(): BottomNavigationFill;
+    /**
+     * Controls how the icon and text label are positioned in the BottomNavigation items.
+     *
+     * @default 'vertical'
+     */
+    set itemFlow(itemFlow: BottomNavigationItemFlow);
+    get itemFlow(): BottomNavigationItemFlow;
+    /**
+     * Sets the position and behavior of the BottomNavigation when the page is scrollable ([see example](https://www.telerik.com/kendo-angular-ui/components/navigation/bottomnavigation/position-mode)).
+     *
+     * @default 'fixed'
+     */
+    set positionMode(positionMode: BottomNavigationPositionMode);
+    get positionMode(): BottomNavigationPositionMode;
+    /**
+     * Sets the theme color of the BottomNavigation ([see example](https://www.telerik.com/kendo-angular-ui/components/navigation/bottomnavigation/appearance)).
+     */
+    set themeColor(themeColor: BottomNavigationThemeColor);
+    get themeColor(): BottomNavigationThemeColor;
+    /**
+     * Fires when a user selects an item. This event is preventable.
+     */
+    select: EventEmitter<BottomNavigationSelectEvent>;
+    /**
+     * @hidden
+     */
+    hostClass: boolean;
+    /**
+     * @hidden
+     */
+    get borderClass(): boolean;
+    /**
+     * @hidden
+     */
+    get disabledClass(): boolean;
+    /**
+     * @hidden
+     */
+    role: string;
+    /**
+     * @hidden
+     */
+    direction: string;
+    /**
+     * @hidden
+     */
+    itemTemplate: BottomNavigationItemTemplateDirective;
+    /**
+     * @hidden
+     */
+    selectedIdx: number;
+    private _fill;
+    private _itemFlow;
+    private _positionMode;
+    private _themeColor;
+    private _nativeHostElement;
+    private dynamicRTLSubscription;
+    private subscriptions;
+    private rtl;
+    constructor(localization: LocalizationService, hostElement: ElementRef, ngZone: NgZone, changeDetector: ChangeDetectorRef, renderer: Renderer2);
+    /**
+     * @hidden
+     */
+    ngOnInit(): void;
+    /**
+     * @hidden
+     */
+    ngAfterViewInit(): void;
+    /**
+     * @hidden
+     */
+    ngOnDestroy(): void;
+    /**
+     * @hidden
+     */
+    selectItem(idx: number, args: any): void;
+    private applyClasses;
+    private initDomEvents;
+    private clickHandler;
+    private keyDownHandler;
+    private getBottomNavigationItemIndex;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BottomNavigationComponent, 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>;
+}
+
+/**
+ * @hidden
+ */
+interface BreadCrumbItemContext {
+    collapsed: boolean;
+    isLast: boolean;
+    isFirst: boolean;
+}
+/**
+ * @hidden
+ */
+interface BreadCrumbItemModel {
+    context: BreadCrumbItemContext;
+    data: BreadCrumbItem;
+}
+/**
+ * Represents an interface that defines the structure of individual Breadcrumb items.
+ */
+interface BreadCrumbItem {
+    /**
+     * Sets the text content for the item. If not provided, the numeric item index appears by default.
+     */
+    text?: string;
+    /**
+     * Provides a title for the item ([see example](https://www.telerik.com/kendo-angular-ui/components/navigation/breadcrumb)). The value appears as a `title` attribute on the element.
+     *
+     * @remarks
+     * This option is related to accessibility.
+     */
+    title?: string;
+    /**
+     * Determines if the item is disabled ([see example](https://www.telerik.com/kendo-angular-ui/components/navigation/breadcrumb/item-appearance)#disabled-items). The value appears as an `aria-disabled` attribute on the element.
+     *
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Specifies the name of a [built-in font icon](https://www.telerik.com/kendo-angular-ui/components/icons/icon/icon-list) in a Kendo UI theme ([see example](https://www.telerik.com/kendo-angular-ui/components/navigation/breadcrumb/item-appearance#displaying-font-icons)). The icon appears inside the item in a `span.k-icon` element.
+     */
+    icon?: string;
+    /**
+     * Sets an [`SVGIcon`](https://www.telerik.com/kendo-angular-ui/components/icons/api/svgicon) to display inside the item ([see example](https://www.telerik.com/kendo-angular-ui/components/navigation/breadcrumb/item-appearance#displaying-svg-icons)).
+     */
+    svgIcon?: SVGIcon;
+    /**
+     * Applies one or more CSS classes to a `span` element inside the item ([see example](https://www.telerik.com/kendo-angular-ui/components/navigation/breadcrumb/item-appearance#displaying-font-icons)). Use this to show custom icons.
+     */
+    iconClass?: string;
+    /**
+     * Provides a URL for an `img` element inside the item ([see example](https://www.telerik.com/kendo-angular-ui/components/navigation/breadcrumb/item-appearance#displaying-item-images)). The URL can be relative or absolute. If relative, it is resolved against the web page URL.
+     */
+    imageUrl?: string;
+}
+
+/**
+ * Defines the collapse mode of the Breadcrumb. This type provides settings to control how the breadcrumb handles overflow scenarios when there is not
+ * enough space to display all items.
+ *
+ * The available values are:
+ * - `auto`&mdash;Items are automatically collapsed based on the width of the Breadcrumb. First and last item always remain visible.
+ * - `wrap`&mdash;Items are wrapped on multiple rows when their total width is bigger than the width of the BreadCrumb.
+ * - `none`&mdash;All items are expanded on the same row. This scenario is useful when you need to scroll the Breadcrumb.
+ *
+ * For more information and example refer to the [Collapse Modes](https://www.telerik.com/kendo-angular-ui/components/navigation/breadcrumb/collapse-modes) article.
+ */
+type BreadCrumbCollapseMode = 'auto' | 'wrap' | 'none';
+
+/**
+ * Represents a template that defines the content of a Breadcrumb item. This directive allows you to customize how each Breadcrumb item appears by providing
+ * your own template. You can access the item data and customize the display with icons, styling, or additional content beyond the default text representation.
+ *
+ * To define the template, nest an `<ng-template>` tag with the `kendoBreadCrumbItemTemplate` directive inside the `<kendo-breadcrumb>` tag.
+ *
+ * For more information and example refer to the [Templates](https://www.telerik.com/kendo-angular-ui/components/navigation/breadcrumb/templates) article.
+ *
+ * @example
+ * ```html
+ * <kendo-breadcrumb [items]="items">
+ *    <ng-template kendoBreadCrumbItemTemplate let-item="item">
+ *       <span>{{ item.text }}</span>
+ *    </ng-template>
+ * </kendo-breadcrumb>
+ * ```
+ */
+declare class BreadCrumbItemTemplateDirective {
+    templateRef: TemplateRef<any>;
+    constructor(templateRef: TemplateRef<any>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<BreadCrumbItemTemplateDirective, [{ optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BreadCrumbItemTemplateDirective, "[kendoBreadCrumbItemTemplate]", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * @hidden
+ */
+declare class BreadCrumbItemComponent implements OnInit, AfterViewInit {
+    private el;
+    item: BreadCrumbItemModel;
+    collapseMode: BreadCrumbCollapseMode;
+    index: number;
+    itemTemplate: TemplateRef<any>;
+    hostClasses: boolean;
+    get isRootItem(): boolean;
+    get isLastItem(): boolean;
+    width: number;
+    disabled: boolean;
+    constructor(el: ElementRef<HTMLLIElement>);
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    onImageLoad(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BreadCrumbItemComponent, 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>;
+}
+
+/**
+ * @hidden
+ */
+declare class BreadCrumbListComponent implements OnDestroy {
+    private el;
+    private zone;
+    items: BreadCrumbItemModel[];
+    itemTemplate: TemplateRef<HTMLElement>;
+    collapseMode: BreadCrumbCollapseMode;
+    separatorIcon: string;
+    separatorSVGIcon: SVGIcon$1;
+    itemClick: EventEmitter<BreadCrumbItem>;
+    renderedItems: QueryList<BreadCrumbItemComponent>;
+    isRootItemContainer: boolean;
+    private domEventsSubscription;
+    constructor(el: ElementRef<HTMLOListElement>, zone: NgZone);
+    ngOnDestroy(): void;
+    private getItemIndex;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BreadCrumbListComponent, 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>;
+}
+
+/**
+ * Represents the possible size options that control the padding of the Breadcrumb elements.
+ */
+type BreadcrumbSize = 'small' | 'medium' | 'large';
+
+/**
+ * Represents the [Kendo UI Breadcrumb component for Angular](https://www.telerik.com/kendo-angular-ui/components/navigation/breadcrumb).
+ *
+ * Use the Breadcrumb component to allow users to navigate through a hierarchical structure. The component automatically handles overflow
+ * scenarios and supports customizable separators, templates, and collapse modes.
+ *
+ * @example
+ * ```typescript
+ * @Component({
+ *      selector: 'my-app',
+ *      template: `
+ *          <kendo-breadcrumb
+ *              [items]="items"
+ *              (itemClick)="onItemClick($event)">
+ *          </kendo-breadcrumb>
+ *      `
+ * })
+ * class AppComponent {
+ *      public items: BreadCrumbItem[] = [
+ *          { text: 'Home', title: 'Home', icon: 'home' },
+ *          { text: 'Kids', title: 'Kids' },
+ *          { text: '8y-16y', title: '8y-16y', disabled: true },
+ *          { text: 'New collection', title: 'New collection' },
+ *          { text: 'Jeans', title: 'Jeans' }
+ *      ];
+ *
+ *      public onItemClick(item: BreadCrumbItem): void {
+ *          console.log(item);
+ *      }
+ * }
+ * ```
+ */
+declare class BreadCrumbComponent implements OnInit, AfterViewInit, OnDestroy {
+    private localization;
+    private el;
+    private cdr;
+    private zone;
+    private renderer;
+    /**
+     * Configures the collection of items that will be rendered in the Breadcrumb.
+     */
+    set items(items: any[]);
+    get items(): any[];
+    /**
+     * Specifies the name of a [built-in font icon](https://www.telerik.com/kendo-angular-ui/components/icons/icon/icon-list) in a Kendo UI theme to be rendered as a separator.
+     */
+    separatorIcon: string;
+    /**
+     * Defines an [`SVGIcon`](https://www.telerik.com/kendo-angular-ui/components/icons/api/svgicon) to be rendered as a separator.
+     */
+    separatorSVGIcon: SVGIcon$1;
+    /**
+     * Controls the collapse mode of the Breadcrumb.
+     * For more information and example, refer to the [Collapse Modes](https://www.telerik.com/kendo-angular-ui/components/navigation/breadcrumb/collapse-modes) article.
+     *
+     * @default `auto`
+     */
+    set collapseMode(mode: BreadCrumbCollapseMode);
+    get collapseMode(): BreadCrumbCollapseMode;
+    /**
+     * Determines the padding of all Breadcrumb elements. The default value is set by the Kendo theme.
+     */
+    set size(size: BreadcrumbSize);
+    get size(): BreadcrumbSize;
+    /**
+     * Fires when you click a Breadcrumb item. The event will not be fired by disabled items and the last item.
+     */
+    itemClick: EventEmitter<BreadCrumbItem>;
+    /**
+     * @hidden
+     */
+    resizeSensor: ResizeSensorComponent;
+    /**
+     * @hidden
+     */
+    itemsContainers: QueryList<ElementRef<HTMLOListElement>>;
+    /**
+     * @hidden
+     */
+    listComponent: BreadCrumbListComponent;
+    /**
+     * @hidden
+     */
+    itemTemplate: BreadCrumbItemTemplateDirective;
+    hostClasses: boolean;
+    get wrapMode(): boolean;
+    hostAriaLabel: string;
+    get getDir(): string;
+    itemsData$: Observable<BreadCrumbItemModel[]>;
+    firstItem$: Observable<BreadCrumbItemModel[]>;
+    private _items;
+    private _collapseMode;
+    private _size;
+    private updateItems;
+    private afterViewInit;
+    private subscriptions;
+    private direction;
+    constructor(localization: LocalizationService, el: ElementRef<HTMLElement>, cdr: ChangeDetectorRef, zone: NgZone, renderer: Renderer2);
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    private handleResize;
+    private shouldResize;
+    private attachResizeHandler;
+    private handleClasses;
+    private resizeHandler;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BreadCrumbComponent, 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>;
+}
+
+/**
+ * Represents the [`NgModule`](link:site.data.urls.angular['ngmoduleapi'])
+ * definition for the Navigation components.
+ *
+ * @example
+ * ```typescript
+ * import { NavigationModule } from '@progress/kendo-angular-navigation';
+ * import { BrowserModule } from '@angular/platform-browser';
+ * import { NgModule } from '@angular/core';
+ * import { AppComponent } from './app.component';
+ *
+ * @NgModule({
+ *     declarations: [AppComponent],
+ *     imports:      [BrowserModule, NavigationModule],
+ *     bootstrap:    [AppComponent]
+ * })
+ * export class AppModule {}
+ * ```
+ */
+declare class NavigationModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NavigationModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NavigationModule, never, [typeof ActionSheetComponent, typeof ActionSheetViewComponent, typeof ActionSheetHeaderTemplateDirective, typeof ActionSheetItemTemplateDirective, typeof ActionSheetContentTemplateDirective, typeof ActionSheetFooterTemplateDirective, typeof ActionSheetTemplateDirective, typeof AppBarComponent, typeof AppBarSectionComponent, typeof AppBarSpacerComponent, typeof BottomNavigationComponent, typeof BottomNavigationItemTemplateDirective, typeof BreadCrumbComponent, typeof BreadCrumbItemTemplateDirective], [typeof ActionSheetComponent, typeof ActionSheetViewComponent, typeof ActionSheetHeaderTemplateDirective, typeof ActionSheetItemTemplateDirective, typeof ActionSheetContentTemplateDirective, typeof ActionSheetFooterTemplateDirective, typeof ActionSheetTemplateDirective, typeof AppBarComponent, typeof AppBarSectionComponent, typeof AppBarSpacerComponent, typeof BottomNavigationComponent, typeof BottomNavigationItemTemplateDirective, typeof BreadCrumbComponent, typeof BreadCrumbItemTemplateDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NavigationModule>;
+}
+
+/**
+ * Represents the [`NgModule`](link:site.data.urls.angular['ngmoduleapi'])
+ * definition for the BreadCrumb component.
+ *
+ * @example
+ * ```typescript
+ * import { BreadCrumbModule } from '@progress/kendo-angular-navigation';
+ * import { BrowserModule } from '@angular/platform-browser';
+ * import { NgModule } from '@angular/core';
+ * import { AppComponent } from './app.component';
+ *
+ * @NgModule({
+ *     declarations: [AppComponent],
+ *     imports:      [BrowserModule, BreadCrumbModule],
+ *     bootstrap:    [AppComponent]
+ * })
+ * export class AppModule {}
+ * ```
+ */
+declare class BreadCrumbModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<BreadCrumbModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<BreadCrumbModule, never, [typeof BreadCrumbComponent, typeof BreadCrumbItemTemplateDirective], [typeof BreadCrumbComponent, typeof BreadCrumbItemTemplateDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<BreadCrumbModule>;
+}
+
+/**
+ * Describes the structure of a BottomNavigation item ([see example](https://www.telerik.com/kendo-angular-ui/components/navigation/bottomnavigation/items)).
+ */
+interface BottomNavigationItem {
+    /**
+     * Disables the BottomNavigation item.
+     *
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Defines the name of an existing [font icon](https://www.telerik.com/kendo-angular-ui/components/icons/icon/icon-list) in a Kendo UI theme.
+     */
+    icon?: string;
+    /**
+     * Applies a CSS class or multiple classes separated by spaces to a span element inside the item. Allows the usage of custom icons.
+     */
+    iconClass?: string;
+    /**
+     * Sets an [`SVGIcon`](https://www.telerik.com/kendo-angular-ui/components/icons/api/svgicon) to render within the BottomNavigation item.
+     */
+    svgIcon?: SVGIcon;
+    /**
+     * Specifies whether the BottomNavigation item is selected.
+     */
+    selected?: boolean;
+    /**
+     * Sets the `tabindex` attribute of the BottomNavigation item.
+     *
+     * @default 0
+     */
+    tabIndex?: number;
+    /**
+     * Sets the text content of the BottomNavigation item.
+     */
+    text?: string;
+    /**
+     * Applies CSS classes to the item element of the BottomNavigation. Supports the type of values that are supported by [`ngClass`](link:site.data.urls.angular['ngclassapi']).
+     */
+    cssClass?: any;
+    /**
+     * Applies CSS styles to the item element of the BottomNavigation. Supports the type of values that are supported by [`ngStyle`](link:site.data.urls.angular['ngstyleapi']).
+     */
+    cssStyle?: any;
+}
+
+/**
+ * Represents the [`NgModule`](link:site.data.urls.angular['ngmoduleapi'])
+ * definition for the BottomNavigation component.
+ *
+ * @example
+ * ```typescript
+ * import { BottomNavigationModule } from '@progress/kendo-angular-navigation';
+ * import { BrowserModule } from '@angular/platform-browser';
+ * import { NgModule } from '@angular/core';
+ * import { AppComponent } from './app.component';
+ *
+ * @NgModule({
+ *     declarations: [AppComponent],
+ *     imports:      [BrowserModule, BottomNavigationModule],
+ *     bootstrap:    [AppComponent]
+ * })
+ * export class AppModule {}
+ * ```
+ */
+declare class BottomNavigationModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<BottomNavigationModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<BottomNavigationModule, never, [typeof BottomNavigationComponent, typeof BottomNavigationItemTemplateDirective], [typeof BottomNavigationComponent, typeof BottomNavigationItemTemplateDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<BottomNavigationModule>;
+}
+
+/**
+ * Represents the [`NgModule`](link:site.data.urls.angular['ngmoduleapi'])
+ * definition for the ActionSheet component.
+ *
+ * @example
+ * ```typescript
+ * import { ActionSheetModule } from '@progress/kendo-angular-navigation';
+ * import { BrowserModule } from '@angular/platform-browser';
+ * import { NgModule } from '@angular/core';
+ * import { AppComponent } from './app.component';
+ *
+ * @NgModule({
+ *     declarations: [AppComponent],
+ *     imports:      [BrowserModule, ActionSheetModule],
+ *     bootstrap:    [AppComponent]
+ * })
+ * export class AppModule {}
+ * ```
+ */
+declare class ActionSheetModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ActionSheetModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ActionSheetModule, never, [typeof ActionSheetComponent, typeof ActionSheetViewComponent, typeof ActionSheetHeaderTemplateDirective, typeof ActionSheetItemTemplateDirective, typeof ActionSheetContentTemplateDirective, typeof ActionSheetFooterTemplateDirective, typeof ActionSheetTemplateDirective], [typeof ActionSheetComponent, typeof ActionSheetViewComponent, typeof ActionSheetHeaderTemplateDirective, typeof ActionSheetItemTemplateDirective, typeof ActionSheetContentTemplateDirective, typeof ActionSheetFooterTemplateDirective, typeof ActionSheetTemplateDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ActionSheetModule>;
+}
+
+/**
+* Use this utility array to access all ActionSheet-related components and directives in a standalone Angular component.
+*
+* @example
+* ```typescript
+* import { Component } from '@angular/core';
+* import { KENDO_ACTIONSHEET } from '@progress/kendo-angular-navigation';
+*
+* @Component({
+*   selector: 'my-app',
+*   standalone: true,
+*   imports: [KENDO_ACTIONSHEET],
+*   template: `
+*     <kendo-actionsheet [items]="items">
+*     </kendo-actionsheet>
+*   `
+* })
+* export class AppComponent {}
+* ```
+*/
+declare const KENDO_ACTIONSHEET: readonly [typeof ActionSheetComponent, typeof ActionSheetViewComponent, typeof ActionSheetHeaderTemplateDirective, typeof ActionSheetItemTemplateDirective, typeof ActionSheetContentTemplateDirective, typeof ActionSheetFooterTemplateDirective, typeof ActionSheetTemplateDirective];
+/**
+* Use this utility array to access all AppBar-related components and directives in a standalone Angular component.
+*
+* @example
+* ```typescript
+* import { Component } from '@angular/core';
+* import { KENDO_APPBAR } from '@progress/kendo-angular-navigation';
+*
+* @Component({
+*   selector: 'my-app',
+*   standalone: true,
+*   imports: [KENDO_APPBAR],
+*   template: `
+*     <kendo-appbar>
+*       <!-- AppBar content -->
+*     </kendo-appbar>
+*   `
+* })
+* export class AppComponent {}
+* ```
+*/
+declare const KENDO_APPBAR: readonly [typeof AppBarComponent, typeof AppBarSectionComponent, typeof AppBarSpacerComponent];
+/**
+* Use this utility array to access all BottomNavigation-related components and directives in a standalone Angular component.
+*
+* @example
+* ```typescript
+* import { Component } from '@angular/core';
+* import { KENDO_BOTTOMNAVIGATION } from '@progress/kendo-angular-navigation';
+*
+* @Component({
+*   selector: 'my-app',
+*   standalone: true,
+*   imports: [KENDO_BOTTOMNAVIGATION],
+*   template: `
+*     <kendo-bottomnavigation [items]="items">
+*     </kendo-bottomnavigation>
+*   `
+* })
+* export class AppComponent {}
+* ```
+*/
+declare const KENDO_BOTTOMNAVIGATION: readonly [typeof BottomNavigationComponent, typeof BottomNavigationItemTemplateDirective];
+/**
+* Use this utility array to access all BreadCrumb-related components and directives in a standalone Angular component.
+*
+* @example
+* ```typescript
+* import { Component } from '@angular/core';
+* import { KENDO_BREADCRUMB } from '@progress/kendo-angular-navigation';
+*
+* @Component({
+*   selector: 'my-app',
+*   standalone: true,
+*   imports: [KENDO_BREADCRUMB],
+*   template: `
+*     <kendo-breadcrumb [items]="items">
+*     </kendo-breadcrumb>
+*   `
+* })
+* export class AppComponent {}
+* ```
+*/
+declare const KENDO_BREADCRUMB: readonly [typeof BreadCrumbComponent, typeof BreadCrumbItemTemplateDirective];
+/**
+* Use this utility array to access all `@progress/kendo-angular-navigation`-related components and directives in a standalone Angular component.
+*
+* @example
+* ```typescript
+* import { Component } from '@angular/core';
+* import { KENDO_NAVIGATION } from '@progress/kendo-angular-navigation';
+*
+* @Component({
+*   selector: 'my-app',
+*   standalone: true,
+*   imports: [KENDO_NAVIGATION],
+*   template: `
+*     <kendo-appbar>
+*        <!-- AppBar content -->
+*     </kendo-appbar>
+*     <kendo-breadcrumb [items]="breadcrumbItems">
+*     </kendo-breadcrumb>
+*   `
+* })
+* export class AppComponent {}
+* ```
+*/
+declare const KENDO_NAVIGATION: readonly [typeof ActionSheetComponent, typeof ActionSheetViewComponent, typeof ActionSheetHeaderTemplateDirective, typeof ActionSheetItemTemplateDirective, typeof ActionSheetContentTemplateDirective, typeof ActionSheetFooterTemplateDirective, typeof ActionSheetTemplateDirective, typeof AppBarComponent, typeof AppBarSectionComponent, typeof AppBarSpacerComponent, typeof BottomNavigationComponent, typeof BottomNavigationItemTemplateDirective, typeof BreadCrumbComponent, typeof BreadCrumbItemTemplateDirective];
+
+export { ActionSheetComponent, ActionSheetContentTemplateDirective, ActionSheetFooterTemplateDirective, ActionSheetHeaderTemplateDirective, ActionSheetItemClickEvent, ActionSheetItemTemplateDirective, ActionSheetModule, ActionSheetTemplateDirective, ActionSheetViewComponent, AppBarComponent, AppBarModule, AppBarSectionComponent, AppBarSpacerComponent, BottomNavigationComponent, BottomNavigationItemTemplateDirective, BottomNavigationModule, BottomNavigationSelectEvent, BreadCrumbComponent, BreadCrumbItemComponent, BreadCrumbItemTemplateDirective, BreadCrumbListComponent, BreadCrumbModule, KENDO_ACTIONSHEET, KENDO_APPBAR, KENDO_BOTTOMNAVIGATION, KENDO_BREADCRUMB, KENDO_NAVIGATION, NavigationModule };
+export type { ActionSheetAction, ActionSheetActionsAlignment, ActionSheetActionsLayout, ActionSheetActionsOrientation, ActionSheetAnimation, ActionSheetItem, ActionSheetItemGroup, AppBarPosition, AppBarPositionMode, AppBarThemeColor, BottomNavigationFill, BottomNavigationItem, BottomNavigationItemFlow, BottomNavigationPositionMode, BottomNavigationThemeColor, BreadCrumbCollapseMode, BreadCrumbItem, BreadcrumbSize };