@progress/kendo-angular-navigation 24.2.2-develop.9 → 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,50 +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 { SVGIcon } from "@progress/kendo-svg-icons";
|
|
6
|
-
/**
|
|
7
|
-
* Describes the structure of a BottomNavigation item ([see example](https://www.telerik.com/kendo-angular-ui/components/navigation/bottomnavigation/items)).
|
|
8
|
-
*/
|
|
9
|
-
export interface BottomNavigationItem {
|
|
10
|
-
/**
|
|
11
|
-
* Disables the BottomNavigation item.
|
|
12
|
-
*
|
|
13
|
-
* @default false
|
|
14
|
-
*/
|
|
15
|
-
disabled?: boolean;
|
|
16
|
-
/**
|
|
17
|
-
* 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.
|
|
18
|
-
*/
|
|
19
|
-
icon?: string;
|
|
20
|
-
/**
|
|
21
|
-
* Applies a CSS class or multiple classes separated by spaces to a span element inside the item. Allows the usage of custom icons.
|
|
22
|
-
*/
|
|
23
|
-
iconClass?: string;
|
|
24
|
-
/**
|
|
25
|
-
* Sets an [`SVGIcon`](https://www.telerik.com/kendo-angular-ui/components/icons/api/svgicon) to render within the BottomNavigation item.
|
|
26
|
-
*/
|
|
27
|
-
svgIcon?: SVGIcon;
|
|
28
|
-
/**
|
|
29
|
-
* Specifies whether the BottomNavigation item is selected.
|
|
30
|
-
*/
|
|
31
|
-
selected?: boolean;
|
|
32
|
-
/**
|
|
33
|
-
* Sets the `tabindex` attribute of the BottomNavigation item.
|
|
34
|
-
*
|
|
35
|
-
* @default 0
|
|
36
|
-
*/
|
|
37
|
-
tabIndex?: number;
|
|
38
|
-
/**
|
|
39
|
-
* Sets the text content of the BottomNavigation item.
|
|
40
|
-
*/
|
|
41
|
-
text?: string;
|
|
42
|
-
/**
|
|
43
|
-
* 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']).
|
|
44
|
-
*/
|
|
45
|
-
cssClass?: any;
|
|
46
|
-
/**
|
|
47
|
-
* 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']).
|
|
48
|
-
*/
|
|
49
|
-
cssStyle?: any;
|
|
50
|
-
}
|
|
@@ -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 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)).
|
|
7
|
-
*
|
|
8
|
-
* The possible values are:
|
|
9
|
-
* * `fixed`—Positions the BottomNavigation at the bottom of the viewport, regardless of the page scroll position.
|
|
10
|
-
* * `sticky`—Positions the BottomNavigation at the end of the scrollable container.
|
|
11
|
-
*/
|
|
12
|
-
export type BottomNavigationPositionMode = 'fixed' | 'sticky';
|
|
@@ -1,15 +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 BottomNavigation ([see example](https://www.telerik.com/kendo-angular-ui/components/navigation/bottomnavigation/appearance)).
|
|
7
|
-
*
|
|
8
|
-
* The possible values are:
|
|
9
|
-
* * `base`—Applies base coloring value.
|
|
10
|
-
* * `primary`—Applies primary coloring value.
|
|
11
|
-
* * `secondary`—Applies secondary coloring value.
|
|
12
|
-
* * `tertiary`—Applies tertiary coloring value.
|
|
13
|
-
* * `inverse`—Applies inverse coloring value.
|
|
14
|
-
*/
|
|
15
|
-
export type BottomNavigationThemeColor = 'base' | 'primary' | 'secondary' | 'tertiary' | 'inverse';
|
|
@@ -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 * as i0 from "@angular/core";
|
|
6
|
-
import * as i1 from "./bottomnavigation/bottomnavigation.component";
|
|
7
|
-
import * as i2 from "./bottomnavigation/templates/item-template.directive";
|
|
8
|
-
/**
|
|
9
|
-
* Represents the [`NgModule`](link:site.data.urls.angular['ngmoduleapi'])
|
|
10
|
-
* definition for the BottomNavigation component.
|
|
11
|
-
*
|
|
12
|
-
* @example
|
|
13
|
-
* ```typescript
|
|
14
|
-
* import { BottomNavigationModule } from '@progress/kendo-angular-navigation';
|
|
15
|
-
* import { BrowserModule } from '@angular/platform-browser';
|
|
16
|
-
* import { NgModule } from '@angular/core';
|
|
17
|
-
* import { AppComponent } from './app.component';
|
|
18
|
-
*
|
|
19
|
-
* @NgModule({
|
|
20
|
-
* declarations: [AppComponent],
|
|
21
|
-
* imports: [BrowserModule, BottomNavigationModule],
|
|
22
|
-
* bootstrap: [AppComponent]
|
|
23
|
-
* })
|
|
24
|
-
* export class AppModule {}
|
|
25
|
-
* ```
|
|
26
|
-
*/
|
|
27
|
-
export declare class BottomNavigationModule {
|
|
28
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<BottomNavigationModule, never>;
|
|
29
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<BottomNavigationModule, never, [typeof i1.BottomNavigationComponent, typeof i2.BottomNavigationItemTemplateDirective], [typeof i1.BottomNavigationComponent, typeof i2.BottomNavigationItemTemplateDirective]>;
|
|
30
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<BottomNavigationModule>;
|
|
31
|
-
}
|
|
@@ -1,29 +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 { ElementRef, TemplateRef, AfterViewInit, OnInit } from '@angular/core';
|
|
6
|
-
import { BreadCrumbItemModel } from './models/breadcrumb-item.interface';
|
|
7
|
-
import { BreadCrumbCollapseMode } from './models/collapse-mode';
|
|
8
|
-
import * as i0 from "@angular/core";
|
|
9
|
-
/**
|
|
10
|
-
* @hidden
|
|
11
|
-
*/
|
|
12
|
-
export declare class BreadCrumbItemComponent implements OnInit, AfterViewInit {
|
|
13
|
-
private el;
|
|
14
|
-
item: BreadCrumbItemModel;
|
|
15
|
-
collapseMode: BreadCrumbCollapseMode;
|
|
16
|
-
index: number;
|
|
17
|
-
itemTemplate: TemplateRef<any>;
|
|
18
|
-
hostClasses: boolean;
|
|
19
|
-
get isRootItem(): boolean;
|
|
20
|
-
get isLastItem(): boolean;
|
|
21
|
-
width: number;
|
|
22
|
-
disabled: boolean;
|
|
23
|
-
constructor(el: ElementRef<HTMLLIElement>);
|
|
24
|
-
ngOnInit(): void;
|
|
25
|
-
ngAfterViewInit(): void;
|
|
26
|
-
onImageLoad(): void;
|
|
27
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<BreadCrumbItemComponent, never>;
|
|
28
|
-
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>;
|
|
29
|
-
}
|
|
@@ -1,124 +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, ChangeDetectorRef, NgZone, AfterViewInit, OnDestroy, QueryList, OnInit, Renderer2 } from '@angular/core';
|
|
6
|
-
import { Observable } from 'rxjs';
|
|
7
|
-
import { ResizeSensorComponent } from '@progress/kendo-angular-common';
|
|
8
|
-
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
9
|
-
import { BreadCrumbItemModel, BreadCrumbItem } from './models/breadcrumb-item.interface';
|
|
10
|
-
import { BreadCrumbCollapseMode } from './models/collapse-mode';
|
|
11
|
-
import { BreadCrumbItemTemplateDirective } from './template-directives/item-template.directive';
|
|
12
|
-
import { BreadCrumbListComponent } from './list.component';
|
|
13
|
-
import { SVGIcon } from '@progress/kendo-angular-icons';
|
|
14
|
-
import { BreadcrumbSize } from './models/breadcrumb-size';
|
|
15
|
-
import * as i0 from "@angular/core";
|
|
16
|
-
/**
|
|
17
|
-
* Represents the [Kendo UI Breadcrumb component for Angular](https://www.telerik.com/kendo-angular-ui/components/navigation/breadcrumb).
|
|
18
|
-
*
|
|
19
|
-
* Use the Breadcrumb component to allow users to navigate through a hierarchical structure. The component automatically handles overflow
|
|
20
|
-
* scenarios and supports customizable separators, templates, and collapse modes.
|
|
21
|
-
*
|
|
22
|
-
* @example
|
|
23
|
-
* ```typescript
|
|
24
|
-
* @Component({
|
|
25
|
-
* selector: 'my-app',
|
|
26
|
-
* template: `
|
|
27
|
-
* <kendo-breadcrumb
|
|
28
|
-
* [items]="items"
|
|
29
|
-
* (itemClick)="onItemClick($event)">
|
|
30
|
-
* </kendo-breadcrumb>
|
|
31
|
-
* `
|
|
32
|
-
* })
|
|
33
|
-
* class AppComponent {
|
|
34
|
-
* public items: BreadCrumbItem[] = [
|
|
35
|
-
* { text: 'Home', title: 'Home', icon: 'home' },
|
|
36
|
-
* { text: 'Kids', title: 'Kids' },
|
|
37
|
-
* { text: '8y-16y', title: '8y-16y', disabled: true },
|
|
38
|
-
* { text: 'New collection', title: 'New collection' },
|
|
39
|
-
* { text: 'Jeans', title: 'Jeans' }
|
|
40
|
-
* ];
|
|
41
|
-
*
|
|
42
|
-
* public onItemClick(item: BreadCrumbItem): void {
|
|
43
|
-
* console.log(item);
|
|
44
|
-
* }
|
|
45
|
-
* }
|
|
46
|
-
* ```
|
|
47
|
-
*/
|
|
48
|
-
export declare class BreadCrumbComponent implements OnInit, AfterViewInit, OnDestroy {
|
|
49
|
-
private localization;
|
|
50
|
-
private el;
|
|
51
|
-
private cdr;
|
|
52
|
-
private zone;
|
|
53
|
-
private renderer;
|
|
54
|
-
/**
|
|
55
|
-
* Configures the collection of items that will be rendered in the Breadcrumb.
|
|
56
|
-
*/
|
|
57
|
-
set items(items: any[]);
|
|
58
|
-
get items(): any[];
|
|
59
|
-
/**
|
|
60
|
-
* 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.
|
|
61
|
-
*/
|
|
62
|
-
separatorIcon: string;
|
|
63
|
-
/**
|
|
64
|
-
* Defines an [`SVGIcon`](https://www.telerik.com/kendo-angular-ui/components/icons/api/svgicon) to be rendered as a separator.
|
|
65
|
-
*/
|
|
66
|
-
separatorSVGIcon: SVGIcon;
|
|
67
|
-
/**
|
|
68
|
-
* Controls the collapse mode of the Breadcrumb.
|
|
69
|
-
* For more information and example, refer to the [Collapse Modes](https://www.telerik.com/kendo-angular-ui/components/navigation/breadcrumb/collapse-modes) article.
|
|
70
|
-
*
|
|
71
|
-
* @default `auto`
|
|
72
|
-
*/
|
|
73
|
-
set collapseMode(mode: BreadCrumbCollapseMode);
|
|
74
|
-
get collapseMode(): BreadCrumbCollapseMode;
|
|
75
|
-
/**
|
|
76
|
-
* Determines the padding of all Breadcrumb elements. The default value is set by the Kendo theme.
|
|
77
|
-
*/
|
|
78
|
-
set size(size: BreadcrumbSize);
|
|
79
|
-
get size(): BreadcrumbSize;
|
|
80
|
-
/**
|
|
81
|
-
* Fires when you click a Breadcrumb item. The event will not be fired by disabled items and the last item.
|
|
82
|
-
*/
|
|
83
|
-
itemClick: EventEmitter<BreadCrumbItem>;
|
|
84
|
-
/**
|
|
85
|
-
* @hidden
|
|
86
|
-
*/
|
|
87
|
-
resizeSensor: ResizeSensorComponent;
|
|
88
|
-
/**
|
|
89
|
-
* @hidden
|
|
90
|
-
*/
|
|
91
|
-
itemsContainers: QueryList<ElementRef<HTMLOListElement>>;
|
|
92
|
-
/**
|
|
93
|
-
* @hidden
|
|
94
|
-
*/
|
|
95
|
-
listComponent: BreadCrumbListComponent;
|
|
96
|
-
/**
|
|
97
|
-
* @hidden
|
|
98
|
-
*/
|
|
99
|
-
itemTemplate: BreadCrumbItemTemplateDirective;
|
|
100
|
-
hostClasses: boolean;
|
|
101
|
-
get wrapMode(): boolean;
|
|
102
|
-
hostAriaLabel: string;
|
|
103
|
-
get getDir(): string;
|
|
104
|
-
itemsData$: Observable<BreadCrumbItemModel[]>;
|
|
105
|
-
firstItem$: Observable<BreadCrumbItemModel[]>;
|
|
106
|
-
private _items;
|
|
107
|
-
private _collapseMode;
|
|
108
|
-
private _size;
|
|
109
|
-
private updateItems;
|
|
110
|
-
private afterViewInit;
|
|
111
|
-
private subscriptions;
|
|
112
|
-
private direction;
|
|
113
|
-
constructor(localization: LocalizationService, el: ElementRef<HTMLElement>, cdr: ChangeDetectorRef, zone: NgZone, renderer: Renderer2);
|
|
114
|
-
ngOnInit(): void;
|
|
115
|
-
ngAfterViewInit(): void;
|
|
116
|
-
ngOnDestroy(): void;
|
|
117
|
-
private handleResize;
|
|
118
|
-
private shouldResize;
|
|
119
|
-
private attachResizeHandler;
|
|
120
|
-
private handleClasses;
|
|
121
|
-
private resizeHandler;
|
|
122
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<BreadCrumbComponent, never>;
|
|
123
|
-
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>;
|
|
124
|
-
}
|
|
@@ -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 { EventEmitter, TemplateRef, QueryList, ElementRef, NgZone, OnDestroy } from '@angular/core';
|
|
6
|
-
import { BreadCrumbItemModel, BreadCrumbItem } from './models/breadcrumb-item.interface';
|
|
7
|
-
import { BreadCrumbCollapseMode } from './models/collapse-mode';
|
|
8
|
-
import { BreadCrumbItemComponent } from './breadcrumb-item.component';
|
|
9
|
-
import { SVGIcon } from '@progress/kendo-angular-icons';
|
|
10
|
-
import * as i0 from "@angular/core";
|
|
11
|
-
/**
|
|
12
|
-
* @hidden
|
|
13
|
-
*/
|
|
14
|
-
export declare class BreadCrumbListComponent implements OnDestroy {
|
|
15
|
-
private el;
|
|
16
|
-
private zone;
|
|
17
|
-
items: BreadCrumbItemModel[];
|
|
18
|
-
itemTemplate: TemplateRef<HTMLElement>;
|
|
19
|
-
collapseMode: BreadCrumbCollapseMode;
|
|
20
|
-
separatorIcon: string;
|
|
21
|
-
separatorSVGIcon: SVGIcon;
|
|
22
|
-
itemClick: EventEmitter<BreadCrumbItem>;
|
|
23
|
-
renderedItems: QueryList<BreadCrumbItemComponent>;
|
|
24
|
-
isRootItemContainer: boolean;
|
|
25
|
-
private domEventsSubscription;
|
|
26
|
-
constructor(el: ElementRef<HTMLOListElement>, zone: NgZone);
|
|
27
|
-
ngOnDestroy(): void;
|
|
28
|
-
private getItemIndex;
|
|
29
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<BreadCrumbListComponent, never>;
|
|
30
|
-
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>;
|
|
31
|
-
}
|
|
@@ -1,59 +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 { SVGIcon } from "@progress/kendo-svg-icons";
|
|
6
|
-
/**
|
|
7
|
-
* @hidden
|
|
8
|
-
*/
|
|
9
|
-
interface BreadCrumbItemContext {
|
|
10
|
-
collapsed: boolean;
|
|
11
|
-
isLast: boolean;
|
|
12
|
-
isFirst: boolean;
|
|
13
|
-
}
|
|
14
|
-
/**
|
|
15
|
-
* @hidden
|
|
16
|
-
*/
|
|
17
|
-
export interface BreadCrumbItemModel {
|
|
18
|
-
context: BreadCrumbItemContext;
|
|
19
|
-
data: BreadCrumbItem;
|
|
20
|
-
}
|
|
21
|
-
/**
|
|
22
|
-
* Represents an interface that defines the structure of individual Breadcrumb items.
|
|
23
|
-
*/
|
|
24
|
-
export interface BreadCrumbItem {
|
|
25
|
-
/**
|
|
26
|
-
* Sets the text content for the item. If not provided, the numeric item index appears by default.
|
|
27
|
-
*/
|
|
28
|
-
text?: string;
|
|
29
|
-
/**
|
|
30
|
-
* 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.
|
|
31
|
-
*
|
|
32
|
-
* @remarks
|
|
33
|
-
* This option is related to accessibility.
|
|
34
|
-
*/
|
|
35
|
-
title?: string;
|
|
36
|
-
/**
|
|
37
|
-
* 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.
|
|
38
|
-
*
|
|
39
|
-
* @default false
|
|
40
|
-
*/
|
|
41
|
-
disabled?: boolean;
|
|
42
|
-
/**
|
|
43
|
-
* 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.
|
|
44
|
-
*/
|
|
45
|
-
icon?: string;
|
|
46
|
-
/**
|
|
47
|
-
* 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)).
|
|
48
|
-
*/
|
|
49
|
-
svgIcon?: SVGIcon;
|
|
50
|
-
/**
|
|
51
|
-
* 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.
|
|
52
|
-
*/
|
|
53
|
-
iconClass?: string;
|
|
54
|
-
/**
|
|
55
|
-
* 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.
|
|
56
|
-
*/
|
|
57
|
-
imageUrl?: string;
|
|
58
|
-
}
|
|
59
|
-
export {};
|
|
@@ -1,8 +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 size options that control the padding of the Breadcrumb elements.
|
|
7
|
-
*/
|
|
8
|
-
export type BreadcrumbSize = 'small' | 'medium' | 'large';
|
|
@@ -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
|
-
* Defines the collapse mode of the Breadcrumb. This type provides settings to control how the breadcrumb handles overflow scenarios when there is not
|
|
7
|
-
* enough space to display all items.
|
|
8
|
-
*
|
|
9
|
-
* The available values are:
|
|
10
|
-
* - `auto`—Items are automatically collapsed based on the width of the Breadcrumb. First and last item always remain visible.
|
|
11
|
-
* - `wrap`—Items are wrapped on multiple rows when their total width is bigger than the width of the BreadCrumb.
|
|
12
|
-
* - `none`—All items are expanded on the same row. This scenario is useful when you need to scroll the Breadcrumb.
|
|
13
|
-
*
|
|
14
|
-
* For more information and example refer to the [Collapse Modes](https://www.telerik.com/kendo-angular-ui/components/navigation/breadcrumb/collapse-modes) article.
|
|
15
|
-
*/
|
|
16
|
-
export type BreadCrumbCollapseMode = 'auto' | 'wrap' | 'none';
|
|
@@ -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 { BreadcrumbSize } from "./breadcrumb-size";
|
|
6
|
-
/**
|
|
7
|
-
* @hidden
|
|
8
|
-
*/
|
|
9
|
-
export declare const BREADCRUMB_ITEM_INDEX = "data-kendo-breadcrumb-index";
|
|
10
|
-
/**
|
|
11
|
-
* @hidden
|
|
12
|
-
*/
|
|
13
|
-
export declare const DEFAULT_SIZE: BreadcrumbSize;
|
|
14
|
-
/**
|
|
15
|
-
* @hidden
|
|
16
|
-
*/
|
|
17
|
-
export interface BreadcrumbStylingClasses {
|
|
18
|
-
toRemove?: string;
|
|
19
|
-
toAdd?: string;
|
|
20
|
-
}
|
|
21
|
-
/**
|
|
22
|
-
* @hidden
|
|
23
|
-
*
|
|
24
|
-
* Returns the styling classes to be added and removed
|
|
25
|
-
*/
|
|
26
|
-
export declare const getStylingClasses: (stylingOption: string, previousValue: any, newValue: any) => BreadcrumbStylingClasses;
|
|
@@ -1,29 +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 a Breadcrumb item. This directive allows you to customize how each Breadcrumb item appears by providing
|
|
9
|
-
* your own template. You can access the item data and customize the display with icons, styling, or additional content beyond the default text representation.
|
|
10
|
-
*
|
|
11
|
-
* To define the template, nest an `<ng-template>` tag with the `kendoBreadCrumbItemTemplate` directive inside the `<kendo-breadcrumb>` tag.
|
|
12
|
-
*
|
|
13
|
-
* For more information and example refer to the [Templates](https://www.telerik.com/kendo-angular-ui/components/navigation/breadcrumb/templates) article.
|
|
14
|
-
*
|
|
15
|
-
* @example
|
|
16
|
-
* ```html
|
|
17
|
-
* <kendo-breadcrumb [items]="items">
|
|
18
|
-
* <ng-template kendoBreadCrumbItemTemplate let-item="item">
|
|
19
|
-
* <span>{{ item.text }}</span>
|
|
20
|
-
* </ng-template>
|
|
21
|
-
* </kendo-breadcrumb>
|
|
22
|
-
* ```
|
|
23
|
-
*/
|
|
24
|
-
export declare class BreadCrumbItemTemplateDirective {
|
|
25
|
-
templateRef: TemplateRef<any>;
|
|
26
|
-
constructor(templateRef: TemplateRef<any>);
|
|
27
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<BreadCrumbItemTemplateDirective, [{ optional: true; }]>;
|
|
28
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<BreadCrumbItemTemplateDirective, "[kendoBreadCrumbItemTemplate]", never, {}, {}, never, never, true, never>;
|
|
29
|
-
}
|
|
@@ -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 { ElementRef } from '@angular/core';
|
|
6
|
-
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
7
|
-
import { SVGIcon } from '@progress/kendo-svg-icons';
|
|
8
|
-
import * as i0 from "@angular/core";
|
|
9
|
-
/**
|
|
10
|
-
* @hidden
|
|
11
|
-
*/
|
|
12
|
-
export declare class BreadCrumbSeparatorDirective {
|
|
13
|
-
el: ElementRef<HTMLElement>;
|
|
14
|
-
private localization;
|
|
15
|
-
set icon(icon: string);
|
|
16
|
-
get icon(): string;
|
|
17
|
-
set svgIcon(svgIcon: SVGIcon);
|
|
18
|
-
get svgIcon(): SVGIcon;
|
|
19
|
-
ariaHidden: boolean;
|
|
20
|
-
private _icon;
|
|
21
|
-
private _svgIcon;
|
|
22
|
-
private hasDefaultIcon;
|
|
23
|
-
private hasDefaultSvgIcon;
|
|
24
|
-
private direction;
|
|
25
|
-
private localizationChangesSubscription;
|
|
26
|
-
constructor(el: ElementRef<HTMLElement>, localization: LocalizationService);
|
|
27
|
-
ngOnInit(): void;
|
|
28
|
-
ngOnDestroy(): void;
|
|
29
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<BreadCrumbSeparatorDirective, never>;
|
|
30
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<BreadCrumbSeparatorDirective, "[kendoBreadCrumbSeparator]", never, { "icon": { "alias": "icon"; "required": false; }; "svgIcon": { "alias": "svgIcon"; "required": false; }; }, {}, never, never, true, never>;
|
|
31
|
-
}
|
package/breadcrumb/util.d.ts
DELETED
|
@@ -1,21 +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 { BreadCrumbItemComponent } from './breadcrumb-item.component';
|
|
6
|
-
/**
|
|
7
|
-
* @hidden
|
|
8
|
-
*/
|
|
9
|
-
export declare const collapsed: (itemComponent: BreadCrumbItemComponent) => boolean;
|
|
10
|
-
/**
|
|
11
|
-
* @hidden
|
|
12
|
-
*/
|
|
13
|
-
export declare const expanded: (itemComponent: BreadCrumbItemComponent) => boolean;
|
|
14
|
-
/**
|
|
15
|
-
* @hidden
|
|
16
|
-
*/
|
|
17
|
-
export declare const collapseFirst: (itemComponents: BreadCrumbItemComponent[]) => boolean;
|
|
18
|
-
/**
|
|
19
|
-
* @hidden
|
|
20
|
-
*/
|
|
21
|
-
export declare const expandFirst: (itemComponents: BreadCrumbItemComponent[]) => boolean;
|
package/breadcrumb.module.d.ts
DELETED
|
@@ -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 * as i0 from "@angular/core";
|
|
6
|
-
import * as i1 from "./breadcrumb/breadcrumb.component";
|
|
7
|
-
import * as i2 from "./breadcrumb/template-directives/item-template.directive";
|
|
8
|
-
/**
|
|
9
|
-
* Represents the [`NgModule`](link:site.data.urls.angular['ngmoduleapi'])
|
|
10
|
-
* definition for the BreadCrumb component.
|
|
11
|
-
*
|
|
12
|
-
* @example
|
|
13
|
-
* ```typescript
|
|
14
|
-
* import { BreadCrumbModule } from '@progress/kendo-angular-navigation';
|
|
15
|
-
* import { BrowserModule } from '@angular/platform-browser';
|
|
16
|
-
* import { NgModule } from '@angular/core';
|
|
17
|
-
* import { AppComponent } from './app.component';
|
|
18
|
-
*
|
|
19
|
-
* @NgModule({
|
|
20
|
-
* declarations: [AppComponent],
|
|
21
|
-
* imports: [BrowserModule, BreadCrumbModule],
|
|
22
|
-
* bootstrap: [AppComponent]
|
|
23
|
-
* })
|
|
24
|
-
* export class AppModule {}
|
|
25
|
-
* ```
|
|
26
|
-
*/
|
|
27
|
-
export declare class BreadCrumbModule {
|
|
28
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<BreadCrumbModule, never>;
|
|
29
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<BreadCrumbModule, never, [typeof i1.BreadCrumbComponent, typeof i2.BreadCrumbItemTemplateDirective], [typeof i1.BreadCrumbComponent, typeof i2.BreadCrumbItemTemplateDirective]>;
|
|
30
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<BreadCrumbModule>;
|
|
31
|
-
}
|
package/common/direction.d.ts
DELETED
|
@@ -1,8 +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 type Direction = 'rtl' | 'ltr';
|
package/common/dom-queries.d.ts
DELETED
|
@@ -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
|
-
* @hidden
|
|
7
|
-
*/
|
|
8
|
-
export declare const itemIndex: (item: any, indexAttr: string) => number;
|
|
9
|
-
/**
|
|
10
|
-
* @hidden
|
|
11
|
-
*/
|
|
12
|
-
export declare const closestItem: (target: any, targetAttr: any, scope: any) => any;
|
|
@@ -1,28 +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 class PreventableEvent {
|
|
9
|
-
private prevented;
|
|
10
|
-
/**
|
|
11
|
-
* Prevents the default action for a specified event.
|
|
12
|
-
* In this way, the source component suppresses
|
|
13
|
-
* the built-in behavior that follows the event.
|
|
14
|
-
*/
|
|
15
|
-
preventDefault(): void;
|
|
16
|
-
/**
|
|
17
|
-
* Returns `true` if the event was prevented
|
|
18
|
-
* by any of its subscribers.
|
|
19
|
-
*
|
|
20
|
-
* @returns `true` if the default action was prevented.
|
|
21
|
-
* Otherwise, returns `false`.
|
|
22
|
-
*/
|
|
23
|
-
isDefaultPrevented(): boolean;
|
|
24
|
-
/**
|
|
25
|
-
* @hidden
|
|
26
|
-
*/
|
|
27
|
-
constructor(args?: any);
|
|
28
|
-
}
|
package/common/util.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
|
-
/**
|
|
6
|
-
* @hidden
|
|
7
|
-
*/
|
|
8
|
-
export declare const isPresent: (value: any) => boolean;
|
|
9
|
-
/**
|
|
10
|
-
* @hidden
|
|
11
|
-
*/
|
|
12
|
-
export declare const outerWidth: (element: HTMLElement) => number;
|
|
13
|
-
/**
|
|
14
|
-
* @hidden
|
|
15
|
-
*/
|
|
16
|
-
export declare const getFirstAndLastFocusable: (parent: any) => Array<HTMLElement>;
|
|
17
|
-
/**
|
|
18
|
-
* @hidden
|
|
19
|
-
*/
|
|
20
|
-
export declare const hexColorRegex: RegExp;
|
|
21
|
-
/**
|
|
22
|
-
* @hidden
|
|
23
|
-
*/
|
|
24
|
-
export declare const getId: (prefix: string) => string;
|
|
25
|
-
/**
|
|
26
|
-
* @hidden
|
|
27
|
-
*/
|
|
28
|
-
export declare const ACTIONSHEET_ITEM_INDEX_ATTRIBUTE = "kendo-actionsheet-item-index";
|
|
29
|
-
/**
|
|
30
|
-
* @hidden
|
|
31
|
-
*/
|
|
32
|
-
export declare const getActionSheetItemIndex: (target: any, targetAttr: string, scope: any) => number;
|