@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.
- package/fesm2022/progress-kendo-angular-navigation.mjs +82 -82
- package/index.d.ts +1452 -30
- package/package-metadata.mjs +2 -2
- package/package.json +11 -11
- package/actionsheet/actionsheet-view.component.d.ts +0 -36
- package/actionsheet/actionsheet.component.d.ts +0 -229
- package/actionsheet/animation/animations.d.ts +0 -13
- package/actionsheet/item.component.d.ts +0 -19
- package/actionsheet/list.component.d.ts +0 -28
- package/actionsheet/models/actionsheet-action-layout.d.ts +0 -36
- package/actionsheet/models/actionsheet-action.d.ts +0 -46
- package/actionsheet/models/actionsheet-item.interface.d.ts +0 -57
- package/actionsheet/models/animation.d.ts +0 -15
- package/actionsheet/models/group.d.ts +0 -11
- package/actionsheet/models/index.d.ts +0 -15
- package/actionsheet/models/item-click.event.d.ts +0 -20
- package/actionsheet/templates/actionsheet-template.d.ts +0 -26
- package/actionsheet/templates/content-template.directive.d.ts +0 -26
- package/actionsheet/templates/footer-template.directive.d.ts +0 -26
- package/actionsheet/templates/header-template.directive.d.ts +0 -26
- package/actionsheet/templates/item-template.directive.d.ts +0 -26
- package/actionsheet.module.d.ts +0 -36
- package/appbar/appbar-section.component.d.ts +0 -24
- package/appbar/appbar-spacer.component.d.ts +0 -42
- package/appbar/appbar.component.d.ts +0 -68
- package/appbar/models/position-mode.d.ts +0 -13
- package/appbar/models/position.d.ts +0 -14
- package/appbar/models/theme-color.d.ts +0 -18
- package/appbar.module.d.ts +0 -32
- package/bottomnavigation/bottomnavigation-item.component.d.ts +0 -27
- package/bottomnavigation/bottomnavigation.component.d.ts +0 -146
- package/bottomnavigation/constants.d.ts +0 -16
- package/bottomnavigation/events/select-event.d.ts +0 -31
- package/bottomnavigation/templates/item-template.directive.d.ts +0 -25
- package/bottomnavigation/types/bottomnavigation-fill.d.ts +0 -12
- package/bottomnavigation/types/bottomnavigation-item-flow.d.ts +0 -12
- package/bottomnavigation/types/bottomnavigation-item.d.ts +0 -50
- package/bottomnavigation/types/bottomnavigation-position-mode.d.ts +0 -12
- package/bottomnavigation/types/bottomnavigation-theme-color.d.ts +0 -15
- package/bottomnavigation.module.d.ts +0 -31
- package/breadcrumb/breadcrumb-item.component.d.ts +0 -29
- package/breadcrumb/breadcrumb.component.d.ts +0 -124
- package/breadcrumb/list.component.d.ts +0 -31
- package/breadcrumb/models/breadcrumb-item.interface.d.ts +0 -59
- package/breadcrumb/models/breadcrumb-size.d.ts +0 -8
- package/breadcrumb/models/collapse-mode.d.ts +0 -16
- package/breadcrumb/models/constants.d.ts +0 -26
- package/breadcrumb/template-directives/item-template.directive.d.ts +0 -29
- package/breadcrumb/template-directives/separator.directive.d.ts +0 -31
- package/breadcrumb/util.d.ts +0 -21
- package/breadcrumb.module.d.ts +0 -31
- package/common/direction.d.ts +0 -8
- package/common/dom-queries.d.ts +0 -12
- package/common/preventable-event.d.ts +0 -28
- package/common/util.d.ts +0 -32
- package/directives.d.ts +0 -123
- package/navigation.module.d.ts +0 -43
- 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
|
-
}
|
package/actionsheet.module.d.ts
DELETED
|
@@ -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`—Positions the AppBar according to the normal flow of the page.
|
|
10
|
-
* * `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.
|
|
11
|
-
* * `fixed`—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`—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`—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`—Applies base coloring value.
|
|
12
|
-
* * `primary`—Applies primary coloring value.
|
|
13
|
-
* * `secondary`—Applies secondary coloring value.
|
|
14
|
-
* * `tertiary`—Applies tertiary coloring value.
|
|
15
|
-
* * `inverse`—Applies inverse coloring value.
|
|
16
|
-
*
|
|
17
|
-
*/
|
|
18
|
-
export type AppBarThemeColor = 'base' | 'primary' | 'secondary' | 'tertiary' | 'inverse';
|
package/appbar.module.d.ts
DELETED
|
@@ -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`—Sets the BottomNavigation fill style to a flat, borderless appearance.
|
|
10
|
-
* * `solid`—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`—Renders the text below the icon.
|
|
10
|
-
* * `horizontal`—Renders the icon and the text on the same line.
|
|
11
|
-
*/
|
|
12
|
-
export type BottomNavigationItemFlow = 'vertical' | 'horizontal';
|