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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (58) hide show
  1. package/fesm2022/progress-kendo-angular-navigation.mjs +82 -82
  2. package/index.d.ts +1452 -30
  3. package/package-metadata.mjs +2 -2
  4. package/package.json +11 -11
  5. package/actionsheet/actionsheet-view.component.d.ts +0 -36
  6. package/actionsheet/actionsheet.component.d.ts +0 -229
  7. package/actionsheet/animation/animations.d.ts +0 -13
  8. package/actionsheet/item.component.d.ts +0 -19
  9. package/actionsheet/list.component.d.ts +0 -28
  10. package/actionsheet/models/actionsheet-action-layout.d.ts +0 -36
  11. package/actionsheet/models/actionsheet-action.d.ts +0 -46
  12. package/actionsheet/models/actionsheet-item.interface.d.ts +0 -57
  13. package/actionsheet/models/animation.d.ts +0 -15
  14. package/actionsheet/models/group.d.ts +0 -11
  15. package/actionsheet/models/index.d.ts +0 -15
  16. package/actionsheet/models/item-click.event.d.ts +0 -20
  17. package/actionsheet/templates/actionsheet-template.d.ts +0 -26
  18. package/actionsheet/templates/content-template.directive.d.ts +0 -26
  19. package/actionsheet/templates/footer-template.directive.d.ts +0 -26
  20. package/actionsheet/templates/header-template.directive.d.ts +0 -26
  21. package/actionsheet/templates/item-template.directive.d.ts +0 -26
  22. package/actionsheet.module.d.ts +0 -36
  23. package/appbar/appbar-section.component.d.ts +0 -24
  24. package/appbar/appbar-spacer.component.d.ts +0 -42
  25. package/appbar/appbar.component.d.ts +0 -68
  26. package/appbar/models/position-mode.d.ts +0 -13
  27. package/appbar/models/position.d.ts +0 -14
  28. package/appbar/models/theme-color.d.ts +0 -18
  29. package/appbar.module.d.ts +0 -32
  30. package/bottomnavigation/bottomnavigation-item.component.d.ts +0 -27
  31. package/bottomnavigation/bottomnavigation.component.d.ts +0 -146
  32. package/bottomnavigation/constants.d.ts +0 -16
  33. package/bottomnavigation/events/select-event.d.ts +0 -31
  34. package/bottomnavigation/templates/item-template.directive.d.ts +0 -25
  35. package/bottomnavigation/types/bottomnavigation-fill.d.ts +0 -12
  36. package/bottomnavigation/types/bottomnavigation-item-flow.d.ts +0 -12
  37. package/bottomnavigation/types/bottomnavigation-item.d.ts +0 -50
  38. package/bottomnavigation/types/bottomnavigation-position-mode.d.ts +0 -12
  39. package/bottomnavigation/types/bottomnavigation-theme-color.d.ts +0 -15
  40. package/bottomnavigation.module.d.ts +0 -31
  41. package/breadcrumb/breadcrumb-item.component.d.ts +0 -29
  42. package/breadcrumb/breadcrumb.component.d.ts +0 -124
  43. package/breadcrumb/list.component.d.ts +0 -31
  44. package/breadcrumb/models/breadcrumb-item.interface.d.ts +0 -59
  45. package/breadcrumb/models/breadcrumb-size.d.ts +0 -8
  46. package/breadcrumb/models/collapse-mode.d.ts +0 -16
  47. package/breadcrumb/models/constants.d.ts +0 -26
  48. package/breadcrumb/template-directives/item-template.directive.d.ts +0 -29
  49. package/breadcrumb/template-directives/separator.directive.d.ts +0 -31
  50. package/breadcrumb/util.d.ts +0 -21
  51. package/breadcrumb.module.d.ts +0 -31
  52. package/common/direction.d.ts +0 -8
  53. package/common/dom-queries.d.ts +0 -12
  54. package/common/preventable-event.d.ts +0 -28
  55. package/common/util.d.ts +0 -32
  56. package/directives.d.ts +0 -123
  57. package/navigation.module.d.ts +0 -43
  58. package/package-metadata.d.ts +0 -9
@@ -1,26 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { TemplateRef } from '@angular/core';
6
- import * as i0 from "@angular/core";
7
- /**
8
- * Represents a template for customizing the footer of the ActionSheet.
9
- * To define the template, nest an `<ng-template>` tag
10
- * with the `kendoActionSheetFooterTemplate` directive inside the `<kendo-actionsheet>` tag.
11
- *
12
- * @example
13
- * ```html
14
- * <kendo-actionsheet>
15
- * <ng-template kendoActionSheetFooterTemplate>
16
- * <button kendoButton>Custom Footer Button</button>
17
- * </ng-template>
18
- * </kendo-actionsheet>
19
- * ```
20
- */
21
- export declare class ActionSheetFooterTemplateDirective {
22
- templateRef: TemplateRef<any>;
23
- constructor(templateRef: TemplateRef<any>);
24
- static ɵfac: i0.ɵɵFactoryDeclaration<ActionSheetFooterTemplateDirective, [{ optional: true; }]>;
25
- static ɵdir: i0.ɵɵDirectiveDeclaration<ActionSheetFooterTemplateDirective, "[kendoActionSheetFooterTemplate]", never, {}, {}, never, never, true, never>;
26
- }
@@ -1,26 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { TemplateRef } from '@angular/core';
6
- import * as i0 from "@angular/core";
7
- /**
8
- * 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.
9
- * To define the template, nest an `<ng-template>` tag
10
- * with the `kendoActionSheetHeaderTemplate` directive inside the `<kendo-actionsheet>` tag.
11
- *
12
- * @example
13
- * ```html
14
- * <kendo-actionsheet>
15
- * <ng-template kendoActionSheetHeaderTemplate>
16
- * <h3>Custom Header</h3>
17
- * </ng-template>
18
- * </kendo-actionsheet>
19
- * ```
20
- */
21
- export declare class ActionSheetHeaderTemplateDirective {
22
- templateRef: TemplateRef<any>;
23
- constructor(templateRef: TemplateRef<any>);
24
- static ɵfac: i0.ɵɵFactoryDeclaration<ActionSheetHeaderTemplateDirective, [{ optional: true; }]>;
25
- static ɵdir: i0.ɵɵDirectiveDeclaration<ActionSheetHeaderTemplateDirective, "[kendoActionSheetHeaderTemplate]", never, {}, {}, never, never, true, never>;
26
- }
@@ -1,26 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { TemplateRef } from '@angular/core';
6
- import * as i0 from "@angular/core";
7
- /**
8
- * Represents a template for customizing the content of each ActionSheet item.
9
- * To define the template, nest an `<ng-template>` tag
10
- * with the `kendoActionSheetItemTemplate` directive inside the `<kendo-actionsheet>` tag.
11
- *
12
- * @example
13
- * ```html
14
- * <kendo-actionsheet [items]="items">
15
- * <ng-template kendoActionSheetItemTemplate let-item>
16
- * <span>{{ item.title }} (custom)</span>
17
- * </ng-template>
18
- * </kendo-actionsheet>
19
- * ```
20
- */
21
- export declare class ActionSheetItemTemplateDirective {
22
- templateRef: TemplateRef<any>;
23
- constructor(templateRef: TemplateRef<any>);
24
- static ɵfac: i0.ɵɵFactoryDeclaration<ActionSheetItemTemplateDirective, [{ optional: true; }]>;
25
- static ɵdir: i0.ɵɵDirectiveDeclaration<ActionSheetItemTemplateDirective, "[kendoActionSheetItemTemplate]", never, {}, {}, never, never, true, never>;
26
- }
@@ -1,36 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import * as i0 from "@angular/core";
6
- import * as i1 from "./actionsheet/actionsheet.component";
7
- import * as i2 from "./actionsheet/actionsheet-view.component";
8
- import * as i3 from "./actionsheet/templates/header-template.directive";
9
- import * as i4 from "./actionsheet/templates/item-template.directive";
10
- import * as i5 from "./actionsheet/templates/content-template.directive";
11
- import * as i6 from "./actionsheet/templates/footer-template.directive";
12
- import * as i7 from "./actionsheet/templates/actionsheet-template";
13
- /**
14
- * Represents the [`NgModule`](link:site.data.urls.angular['ngmoduleapi'])
15
- * definition for the ActionSheet component.
16
- *
17
- * @example
18
- * ```typescript
19
- * import { ActionSheetModule } from '@progress/kendo-angular-navigation';
20
- * import { BrowserModule } from '@angular/platform-browser';
21
- * import { NgModule } from '@angular/core';
22
- * import { AppComponent } from './app.component';
23
- *
24
- * @NgModule({
25
- * declarations: [AppComponent],
26
- * imports: [BrowserModule, ActionSheetModule],
27
- * bootstrap: [AppComponent]
28
- * })
29
- * export class AppModule {}
30
- * ```
31
- */
32
- export declare class ActionSheetModule {
33
- static ɵfac: i0.ɵɵFactoryDeclaration<ActionSheetModule, never>;
34
- static ɵmod: i0.ɵɵNgModuleDeclaration<ActionSheetModule, never, [typeof i1.ActionSheetComponent, typeof i2.ActionSheetViewComponent, typeof i3.ActionSheetHeaderTemplateDirective, typeof i4.ActionSheetItemTemplateDirective, typeof i5.ActionSheetContentTemplateDirective, typeof i6.ActionSheetFooterTemplateDirective, typeof i7.ActionSheetTemplateDirective], [typeof i1.ActionSheetComponent, typeof i2.ActionSheetViewComponent, typeof i3.ActionSheetHeaderTemplateDirective, typeof i4.ActionSheetItemTemplateDirective, typeof i5.ActionSheetContentTemplateDirective, typeof i6.ActionSheetFooterTemplateDirective, typeof i7.ActionSheetTemplateDirective]>;
35
- static ɵinj: i0.ɵɵInjectorDeclaration<ActionSheetModule>;
36
- }
@@ -1,24 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import * as i0 from "@angular/core";
6
- /**
7
- * Represents the [Kendo UI AppBarSection component for Angular](https://www.telerik.com/kendo-angular-ui/components/navigation/appbar/content-arrangement#sections).
8
- *
9
- * Use the AppBarSection component to group content, actions, or navigation items within the AppBar.
10
- *
11
- * @example
12
- * ```html
13
- * <kendo-appbar>
14
- * <kendo-appbar-section>
15
- * <h2>Page Title</h2>
16
- * </kendo-appbar-section>
17
- * </kendo-appbar>
18
- * ```
19
- */
20
- export declare class AppBarSectionComponent {
21
- hostClass: boolean;
22
- static ɵfac: i0.ɵɵFactoryDeclaration<AppBarSectionComponent, never>;
23
- static ɵcmp: i0.ɵɵComponentDeclaration<AppBarSectionComponent, "kendo-appbar-section", never, {}, {}, never, ["*"], true, never>;
24
- }
@@ -1,42 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { Renderer2, ElementRef, AfterViewInit } from '@angular/core';
6
- import * as i0 from "@angular/core";
7
- /**
8
- * Represents the [Kendo UI AppBarSpacer component for Angular](https://www.telerik.com/kendo-angular-ui/components/navigation/appbar/content-arrangement#spacings).
9
- *
10
- * Use the AppBarSpacer component to add white space between AppBar sections and customize its width.
11
- *
12
- * @example
13
- * ```html
14
- * <kendo-appbar>
15
- * <kendo-appbar-section>
16
- * <button kendoButton fillMode="flat" [svgIcon]="menuIcon"></button>
17
- * </kendo-appbar-section>
18
- *
19
- * <kendo-appbar-spacer></kendo-appbar-spacer>
20
- *
21
- * <kendo-appbar-section>
22
- * <h2>Page Title</h2>
23
- * </kendo-appbar-section>
24
- * </kendo-appbar>
25
- * ```
26
- */
27
- export declare class AppBarSpacerComponent implements AfterViewInit {
28
- private renderer;
29
- private element;
30
- hostClass: boolean;
31
- get sizedClass(): boolean;
32
- /**
33
- * Specifies the width of the AppBarSpacer.
34
- *
35
- * If not set, the AppBarSpacer will take all of the available space.
36
- */
37
- width: string;
38
- constructor(renderer: Renderer2, element: ElementRef);
39
- ngAfterViewInit(): void;
40
- static ɵfac: i0.ɵɵFactoryDeclaration<AppBarSpacerComponent, never>;
41
- static ɵcmp: i0.ɵɵComponentDeclaration<AppBarSpacerComponent, "kendo-appbar-spacer", never, { "width": { "alias": "width"; "required": false; }; }, {}, never, never, true, never>;
42
- }
@@ -1,68 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { AfterViewInit, ElementRef, OnDestroy, Renderer2 } from '@angular/core';
6
- import { LocalizationService } from '@progress/kendo-angular-l10n';
7
- import { AppBarPosition } from './models/position';
8
- import { AppBarThemeColor } from './models/theme-color';
9
- import { AppBarPositionMode } from './models/position-mode';
10
- import * as i0 from "@angular/core";
11
- /**
12
- * Represents the [Kendo UI AppBar component for Angular](https://www.telerik.com/kendo-angular-ui/components/navigation/appbar).
13
- *
14
- * Use the AppBar component to display information, actions, brand titles, and additional navigation on the current screen.
15
- *
16
- * @example
17
- * ```html
18
- * <kendo-appbar>
19
- * <kendo-appbar-section>
20
- * <h2>Page Title</h2>
21
- * </kendo-appbar-section>
22
- * </kendo-appbar>
23
- * ```
24
- *
25
- * @remarks
26
- * Supported children components are: {@link AppBarSectionComponent}, {@link AppBarSpacerComponent}
27
- */
28
- export declare class AppBarComponent implements AfterViewInit, OnDestroy {
29
- private localizationService;
30
- private host;
31
- private renderer;
32
- hostClass: boolean;
33
- /**
34
- * @hidden
35
- */
36
- direction: string;
37
- /**
38
- * Specifies the position of the AppBar
39
- * ([see example](https://www.telerik.com/kendo-angular-ui/components/navigation/appbar/positioning#position)).
40
- *
41
- * @default 'top'
42
- */
43
- set position(position: AppBarPosition);
44
- get position(): AppBarPosition;
45
- /**
46
- * Sets the position mode of the AppBar ([see example](https://www.telerik.com/kendo-angular-ui/components/navigation/appbar/positioning#position-mode)).
47
- *
48
- * @default 'static'
49
- */
50
- set positionMode(positionMode: AppBarPositionMode);
51
- get positionMode(): AppBarPositionMode;
52
- /**
53
- * 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.
54
- */
55
- set themeColor(themeColor: AppBarThemeColor);
56
- get themeColor(): AppBarThemeColor;
57
- private dynamicRTLSubscription;
58
- private rtl;
59
- private _themeColor;
60
- private _position;
61
- private _positionMode;
62
- constructor(localizationService: LocalizationService, host: ElementRef, renderer: Renderer2);
63
- ngAfterViewInit(): void;
64
- ngOnDestroy(): void;
65
- private handleHostClasses;
66
- static ɵfac: i0.ɵɵFactoryDeclaration<AppBarComponent, never>;
67
- 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>;
68
- }
@@ -1,13 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- /**
6
- * Represents the available position modes of the AppBar ([see example](https://www.telerik.com/kendo-angular-ui/components/navigation/appbar/positioning#position-mode)).
7
- *
8
- * The possible values are:
9
- * * `static`&mdash;Positions the AppBar according to the normal flow of the page.
10
- * * `sticky`&mdash;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.
11
- * * `fixed`&mdash;Positions the AppBar relative to the viewport. The component always stays in the same place even if the page is scrolled.
12
- */
13
- export type AppBarPositionMode = 'static' | 'sticky' | 'fixed';
@@ -1,14 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- /**
6
- * Represents the position options of the AppBar
7
- * ([see example](https://www.telerik.com/kendo-angular-ui/components/navigation/appbar/positioning#position)).
8
- *
9
- * * The possible values are:
10
- * * `top`&mdash;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.
11
- * * `bottom`&mdash;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.
12
- *
13
- */
14
- export type AppBarPosition = 'top' | 'bottom';
@@ -1,18 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- /**
6
- * Represents the possible theme colors of the AppBar
7
- * ([see example](https://www.telerik.com/kendo-angular-ui/components/navigation/appbar/theme-color)).
8
- * The theme color will be applied as a background color to the component.
9
- *
10
- * * The possible values are:
11
- * * `base`&mdash;Applies base coloring value.
12
- * * `primary`&mdash;Applies primary coloring value.
13
- * * `secondary`&mdash;Applies secondary coloring value.
14
- * * `tertiary`&mdash;Applies tertiary coloring value.
15
- * * `inverse`&mdash;Applies inverse coloring value.
16
- *
17
- */
18
- export type AppBarThemeColor = 'base' | 'primary' | 'secondary' | 'tertiary' | 'inverse';
@@ -1,32 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import * as i0 from "@angular/core";
6
- import * as i1 from "./appbar/appbar.component";
7
- import * as i2 from "./appbar/appbar-section.component";
8
- import * as i3 from "./appbar/appbar-spacer.component";
9
- /**
10
- * Represents the [`NgModule`](link:site.data.urls.angular['ngmoduleapi'])
11
- * definition for the AppBar component.
12
- *
13
- * @example
14
- * ```typescript
15
- * import { AppBarModule } from '@progress/kendo-angular-navigation';
16
- * import { BrowserModule } from '@angular/platform-browser';
17
- * import { NgModule } from '@angular/core';
18
- * import { AppComponent } from './app.component';
19
- *
20
- * @NgModule({
21
- * declarations: [AppComponent],
22
- * imports: [BrowserModule, AppBarModule],
23
- * bootstrap: [AppComponent]
24
- * })
25
- * export class AppModule {}
26
- * ```
27
- */
28
- export declare class AppBarModule {
29
- static ɵfac: i0.ɵɵFactoryDeclaration<AppBarModule, never>;
30
- static ɵmod: i0.ɵɵNgModuleDeclaration<AppBarModule, never, [typeof i1.AppBarComponent, typeof i2.AppBarSectionComponent, typeof i3.AppBarSpacerComponent], [typeof i1.AppBarComponent, typeof i2.AppBarSectionComponent, typeof i3.AppBarSpacerComponent]>;
31
- static ɵinj: i0.ɵɵInjectorDeclaration<AppBarModule>;
32
- }
@@ -1,27 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { BottomNavigationItemTemplateDirective } from './templates/item-template.directive';
6
- import { BottomNavigationItem } from './types/bottomnavigation-item';
7
- import { BottomNavigationItemFlow } from './types/bottomnavigation-item-flow';
8
- import * as i0 from "@angular/core";
9
- /**
10
- * @hidden
11
- */
12
- export declare class BottomNavigationItemComponent {
13
- itemTemplate: BottomNavigationItemTemplateDirective;
14
- item: BottomNavigationItem;
15
- index: number;
16
- disabledComponent: boolean;
17
- selectedIdx: number;
18
- orientation: BottomNavigationItemFlow;
19
- get disabledClass(): boolean;
20
- get label(): string;
21
- get tabindex(): number;
22
- get selectedClass(): boolean;
23
- get itemIcon(): boolean;
24
- get iconClasses(): string;
25
- static ɵfac: i0.ɵɵFactoryDeclaration<BottomNavigationItemComponent, never>;
26
- 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>;
27
- }
@@ -1,146 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { EventEmitter, ElementRef, Renderer2, NgZone, ChangeDetectorRef, OnInit, AfterViewInit, OnDestroy } from '@angular/core';
6
- import { LocalizationService } from '@progress/kendo-angular-l10n';
7
- import { BottomNavigationSelectEvent } from './events/select-event';
8
- import { BottomNavigationItemFlow } from './types/bottomnavigation-item-flow';
9
- import { BottomNavigationFill } from './types/bottomnavigation-fill';
10
- import { BottomNavigationPositionMode } from './types/bottomnavigation-position-mode';
11
- import { BottomNavigationThemeColor } from './types/bottomnavigation-theme-color';
12
- import { BottomNavigationItemTemplateDirective } from './templates/item-template.directive';
13
- import * as i0 from "@angular/core";
14
- /**
15
- * Represents the [Kendo UI BottomNavigation component for Angular](https://www.telerik.com/kendo-angular-ui/components/navigation/bottomnavigation).
16
- *
17
- * Use the BottomNavigation component to let users quickly switch between primary views in your app.
18
- *
19
- * @example
20
- * ```typescript
21
- * @Component({
22
- * selector: 'my-app',
23
- * template: `
24
- * <kendo-bottomnavigation [items]="items"></kendo-bottomnavigation>
25
- * `
26
- * })
27
- * class AppComponent {
28
- * public items: Array<any> = [
29
- * { text: 'Inbox', icon: 'envelop', selected: true },
30
- * { text: 'Calendar', icon: 'calendar'},
31
- * { text: 'Profile', icon: 'user'}
32
- * ];
33
- * }
34
- * ```
35
- */
36
- export declare class BottomNavigationComponent implements OnInit, AfterViewInit, OnDestroy {
37
- private localization;
38
- private hostElement;
39
- private ngZone;
40
- private changeDetector;
41
- private renderer;
42
- /**
43
- * Provides the collection of items rendered in the BottomNavigation ([see example](https://www.telerik.com/kendo-angular-ui/components/navigation/bottomnavigation/items)).
44
- */
45
- items: any[];
46
- /**
47
- * Shows a top border on the BottomNavigation ([see example](https://www.telerik.com/kendo-angular-ui/components/navigation/bottomnavigation/appearance)).
48
- *
49
- * @default false
50
- */
51
- border: boolean;
52
- /**
53
- * Disables the entire BottomNavigation.
54
- *
55
- * @default false
56
- */
57
- disabled: boolean;
58
- /**
59
- * 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.
60
- */
61
- set fill(fill: BottomNavigationFill);
62
- get fill(): BottomNavigationFill;
63
- /**
64
- * Controls how the icon and text label are positioned in the BottomNavigation items.
65
- *
66
- * @default 'vertical'
67
- */
68
- set itemFlow(itemFlow: BottomNavigationItemFlow);
69
- get itemFlow(): BottomNavigationItemFlow;
70
- /**
71
- * 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)).
72
- *
73
- * @default 'fixed'
74
- */
75
- set positionMode(positionMode: BottomNavigationPositionMode);
76
- get positionMode(): BottomNavigationPositionMode;
77
- /**
78
- * Sets the theme color of the BottomNavigation ([see example](https://www.telerik.com/kendo-angular-ui/components/navigation/bottomnavigation/appearance)).
79
- */
80
- set themeColor(themeColor: BottomNavigationThemeColor);
81
- get themeColor(): BottomNavigationThemeColor;
82
- /**
83
- * Fires when a user selects an item. This event is preventable.
84
- */
85
- select: EventEmitter<BottomNavigationSelectEvent>;
86
- /**
87
- * @hidden
88
- */
89
- hostClass: boolean;
90
- /**
91
- * @hidden
92
- */
93
- get borderClass(): boolean;
94
- /**
95
- * @hidden
96
- */
97
- get disabledClass(): boolean;
98
- /**
99
- * @hidden
100
- */
101
- role: string;
102
- /**
103
- * @hidden
104
- */
105
- direction: string;
106
- /**
107
- * @hidden
108
- */
109
- itemTemplate: BottomNavigationItemTemplateDirective;
110
- /**
111
- * @hidden
112
- */
113
- selectedIdx: number;
114
- private _fill;
115
- private _itemFlow;
116
- private _positionMode;
117
- private _themeColor;
118
- private _nativeHostElement;
119
- private dynamicRTLSubscription;
120
- private subscriptions;
121
- private rtl;
122
- constructor(localization: LocalizationService, hostElement: ElementRef, ngZone: NgZone, changeDetector: ChangeDetectorRef, renderer: Renderer2);
123
- /**
124
- * @hidden
125
- */
126
- ngOnInit(): void;
127
- /**
128
- * @hidden
129
- */
130
- ngAfterViewInit(): void;
131
- /**
132
- * @hidden
133
- */
134
- ngOnDestroy(): void;
135
- /**
136
- * @hidden
137
- */
138
- selectItem(idx: number, args: any): void;
139
- private applyClasses;
140
- private initDomEvents;
141
- private clickHandler;
142
- private keyDownHandler;
143
- private getBottomNavigationItemIndex;
144
- static ɵfac: i0.ɵɵFactoryDeclaration<BottomNavigationComponent, never>;
145
- 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>;
146
- }
@@ -1,16 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- /**
6
- * @hidden
7
- */
8
- export declare const BOTTOMNAVIGATION_ITEM_INDEX = "data-kendo-bottomnavigation-index";
9
- /**
10
- * @hidden
11
- */
12
- export declare const colors: string[];
13
- /**
14
- * @hidden
15
- */
16
- export declare const fills: string[];
@@ -1,31 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { PreventableEvent } from '../../common/preventable-event';
6
- import { BottomNavigationComponent } from '../bottomnavigation.component';
7
- /**
8
- * Provides the arguments for the `select` event of the BottomNavigation.
9
- */
10
- export declare class BottomNavigationSelectEvent extends PreventableEvent {
11
- /**
12
- * Represents the index of the selected item in the `items` collection.
13
- */
14
- index: number;
15
- /**
16
- * Represents the selected BottomNavigation item.
17
- */
18
- item: any;
19
- /**
20
- * Provides the DOM event that triggered the selection.
21
- */
22
- originalEvent: any;
23
- /**
24
- * Provides a reference to the BottomNavigation instance that triggered the event.
25
- */
26
- sender: BottomNavigationComponent;
27
- /**
28
- * @hidden
29
- */
30
- constructor(args: any);
31
- }
@@ -1,25 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { TemplateRef } from '@angular/core';
6
- import * as i0 from "@angular/core";
7
- /**
8
- * Represents a template that defines the content of the BottomNavigation items. Use this directive to customize the appearance of each navigation item.
9
- * 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)).
10
- *
11
- * @example
12
- * ```html
13
- * <kendo-bottomnavigation [items]="items">
14
- * <ng-template kendoBottomNavigationItemTemplate let-item>
15
- * <span>{{ item.text }}</span>
16
- * </ng-template>
17
- * </kendo-bottomnavigation>
18
- * ```
19
- */
20
- export declare class BottomNavigationItemTemplateDirective {
21
- templateRef: TemplateRef<any>;
22
- constructor(templateRef: TemplateRef<any>);
23
- static ɵfac: i0.ɵɵFactoryDeclaration<BottomNavigationItemTemplateDirective, [{ optional: true; }]>;
24
- static ɵdir: i0.ɵɵDirectiveDeclaration<BottomNavigationItemTemplateDirective, "[kendoBottomNavigationItemTemplate]", never, {}, {}, never, never, true, never>;
25
- }
@@ -1,12 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- /**
6
- * Represents the possible options for the fill style of the BottomNavigation ([see example](https://www.telerik.com/kendo-angular-ui/components/navigation/bottomnavigation/appearance)).
7
- *
8
- * The possible values are:
9
- * * `flat`&mdash;Sets the BottomNavigation fill style to a flat, borderless appearance.
10
- * * `solid`&mdash;Sets the BottomNavigation fill style to a solid, filled background.
11
- */
12
- export type BottomNavigationFill = 'flat' | 'solid';
@@ -1,12 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- /**
6
- * Represents the possible options to control how the icon and text label are positioned in the BottomNavigation items.
7
- *
8
- * The possible values are:
9
- * * `vertical`&mdash;Renders the text below the icon.
10
- * * `horizontal`&mdash;Renders the icon and the text on the same line.
11
- */
12
- export type BottomNavigationItemFlow = 'vertical' | 'horizontal';