@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
package/package-metadata.mjs
CHANGED
|
@@ -7,7 +7,7 @@ export const packageMetadata = {
|
|
|
7
7
|
"productCodes": [
|
|
8
8
|
"KENDOUIANGULAR"
|
|
9
9
|
],
|
|
10
|
-
"publishDate":
|
|
11
|
-
"version": "
|
|
10
|
+
"publishDate": 1783679806,
|
|
11
|
+
"version": "25.0.0-develop.1",
|
|
12
12
|
"licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
|
|
13
13
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-navigation",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "25.0.0-develop.1",
|
|
4
4
|
"description": "Kendo UI Navigation for Angular",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"author": "Progress",
|
|
@@ -35,25 +35,25 @@
|
|
|
35
35
|
"package": {
|
|
36
36
|
"productName": "Kendo UI for Angular",
|
|
37
37
|
"productCode": "KENDOUIANGULAR",
|
|
38
|
-
"publishDate":
|
|
38
|
+
"publishDate": 1783679806,
|
|
39
39
|
"licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
|
|
40
40
|
}
|
|
41
41
|
},
|
|
42
42
|
"peerDependencies": {
|
|
43
|
-
"@angular/animations": "
|
|
44
|
-
"@angular/common": "
|
|
45
|
-
"@angular/core": "
|
|
46
|
-
"@angular/platform-browser": "
|
|
43
|
+
"@angular/animations": "20 - 22",
|
|
44
|
+
"@angular/common": "20 - 22",
|
|
45
|
+
"@angular/core": "20 - 22",
|
|
46
|
+
"@angular/platform-browser": "20 - 22",
|
|
47
47
|
"@progress/kendo-licensing": "^1.11.0",
|
|
48
|
-
"@progress/kendo-angular-buttons": "
|
|
49
|
-
"@progress/kendo-angular-common": "
|
|
50
|
-
"@progress/kendo-angular-icons": "
|
|
51
|
-
"@progress/kendo-angular-l10n": "
|
|
48
|
+
"@progress/kendo-angular-buttons": "25.0.0-develop.1",
|
|
49
|
+
"@progress/kendo-angular-common": "25.0.0-develop.1",
|
|
50
|
+
"@progress/kendo-angular-icons": "25.0.0-develop.1",
|
|
51
|
+
"@progress/kendo-angular-l10n": "25.0.0-develop.1",
|
|
52
52
|
"rxjs": "^6.5.3 || ^7.0.0"
|
|
53
53
|
},
|
|
54
54
|
"dependencies": {
|
|
55
55
|
"tslib": "^2.3.1",
|
|
56
|
-
"@progress/kendo-angular-schematics": "
|
|
56
|
+
"@progress/kendo-angular-schematics": "25.0.0-develop.1"
|
|
57
57
|
},
|
|
58
58
|
"schematics": "./schematics/collection.json",
|
|
59
59
|
"module": "fesm2022/progress-kendo-angular-navigation.mjs",
|
|
@@ -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 { AfterViewInit, ElementRef, NgZone, Renderer2 } from '@angular/core';
|
|
6
|
-
import { ActionSheetHeaderTemplateDirective, ActionSheetContentTemplateDirective, ActionSheetFooterTemplateDirective, ActionSheetTemplateDirective } from './models';
|
|
7
|
-
import { ActionSheetComponent } from './actionsheet.component';
|
|
8
|
-
import * as i0 from "@angular/core";
|
|
9
|
-
/**
|
|
10
|
-
* @hidden
|
|
11
|
-
*
|
|
12
|
-
* Represents the [Kendo UI ActionSheetView component for Angular].
|
|
13
|
-
* Used to display multiple views.
|
|
14
|
-
*/
|
|
15
|
-
export declare class ActionSheetViewComponent implements AfterViewInit {
|
|
16
|
-
actionSheet: ActionSheetComponent;
|
|
17
|
-
private renderer;
|
|
18
|
-
private host;
|
|
19
|
-
private zone;
|
|
20
|
-
title: string;
|
|
21
|
-
subtitle: string;
|
|
22
|
-
titleId: string;
|
|
23
|
-
hostClass: boolean;
|
|
24
|
-
transitionDuration: string;
|
|
25
|
-
transitionProperty: string;
|
|
26
|
-
headerTemplate: ActionSheetHeaderTemplateDirective;
|
|
27
|
-
contentTemplate: ActionSheetContentTemplateDirective;
|
|
28
|
-
footerTemplate: ActionSheetFooterTemplateDirective;
|
|
29
|
-
actionSheetTemplate: ActionSheetTemplateDirective;
|
|
30
|
-
ngAfterViewInit(): void;
|
|
31
|
-
constructor(actionSheet: ActionSheetComponent, renderer: Renderer2, host: ElementRef, zone: NgZone);
|
|
32
|
-
get orientationClass(): string;
|
|
33
|
-
get alignmentClass(): string;
|
|
34
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ActionSheetViewComponent, [{ optional: true; host: true; }, null, null, null]>;
|
|
35
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ActionSheetViewComponent, "kendo-actionsheet-view", never, { "title": { "alias": "title"; "required": false; }; "subtitle": { "alias": "subtitle"; "required": false; }; "titleId": { "alias": "titleId"; "required": false; }; }, {}, ["headerTemplate", "contentTemplate", "footerTemplate", "actionSheetTemplate"], never, true, never>;
|
|
36
|
-
}
|
|
@@ -1,229 +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, ChangeDetectorRef, ElementRef, EventEmitter, NgZone, OnChanges, OnDestroy, Renderer2, SimpleChanges, QueryList } from '@angular/core';
|
|
6
|
-
import { ActionSheetHeaderTemplateDirective, ActionSheetItemClickEvent, ActionSheetItemTemplateDirective, ActionSheetContentTemplateDirective, ActionSheetFooterTemplateDirective, ActionSheetTemplateDirective, ActionSheetAnimation } from './models';
|
|
7
|
-
import { ActionSheetItem } from './models/actionsheet-item.interface';
|
|
8
|
-
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
9
|
-
import { AnimationBuilder } from '@angular/animations';
|
|
10
|
-
import { ActionSheetAction } from './models/actionsheet-action';
|
|
11
|
-
import { ActionSheetActionsLayout } from './models/actionsheet-action-layout';
|
|
12
|
-
import { ActionSheetViewComponent } from './actionsheet-view.component';
|
|
13
|
-
import * as i0 from "@angular/core";
|
|
14
|
-
/**
|
|
15
|
-
* Represents the [Kendo UI ActionSheet component for Angular](https://www.telerik.com/kendo-angular-ui/components/navigation/actionsheet).
|
|
16
|
-
* Use this component to display a set of choices related to a user-initiated task in a modal sheet that slides up from the bottom of the screen.
|
|
17
|
-
*
|
|
18
|
-
* @example
|
|
19
|
-
* ```html
|
|
20
|
-
* <kendo-actionsheet [items]="actionItems" [expanded]="true">
|
|
21
|
-
* </kendo-actionsheet>
|
|
22
|
-
* ```
|
|
23
|
-
*/
|
|
24
|
-
export declare class ActionSheetComponent implements AfterViewInit, OnDestroy, OnChanges {
|
|
25
|
-
element: ElementRef;
|
|
26
|
-
private ngZone;
|
|
27
|
-
private renderer;
|
|
28
|
-
private localizationService;
|
|
29
|
-
private builder;
|
|
30
|
-
private cdr;
|
|
31
|
-
/**
|
|
32
|
-
* @hidden
|
|
33
|
-
*/
|
|
34
|
-
currentView: number;
|
|
35
|
-
/**
|
|
36
|
-
* @hidden
|
|
37
|
-
*/
|
|
38
|
-
get hostClass(): boolean;
|
|
39
|
-
/**
|
|
40
|
-
* @hidden
|
|
41
|
-
*/
|
|
42
|
-
direction: string;
|
|
43
|
-
/**
|
|
44
|
-
* Specifies the action buttons displayed in the ActionSheet footer.
|
|
45
|
-
*/
|
|
46
|
-
actions: ActionSheetAction[];
|
|
47
|
-
/**
|
|
48
|
-
* Configures the layout of the action buttons in the footer. By default, actions are arranged horizontally and stretched to fill the container.
|
|
49
|
-
*/
|
|
50
|
-
actionsLayout: ActionSheetActionsLayout;
|
|
51
|
-
/**
|
|
52
|
-
* Determines whether the ActionSheet closes when the overlay is clicked.
|
|
53
|
-
*
|
|
54
|
-
* @default false
|
|
55
|
-
*/
|
|
56
|
-
overlayClickClose: boolean;
|
|
57
|
-
/**
|
|
58
|
-
* Sets the title text displayed in the ActionSheet header.
|
|
59
|
-
*/
|
|
60
|
-
title: string;
|
|
61
|
-
/**
|
|
62
|
-
* Sets the subtitle text displayed below the title in the header.
|
|
63
|
-
*/
|
|
64
|
-
subtitle: string;
|
|
65
|
-
/**
|
|
66
|
-
* Provides the collection of items rendered in the ActionSheet content area.
|
|
67
|
-
*/
|
|
68
|
-
items: Array<ActionSheetItem>;
|
|
69
|
-
/**
|
|
70
|
-
* Applies CSS classes to the inner ActionSheet element. Accepts any value supported by [`ngClass`](link:site.data.urls.angular['ngclassapi']).
|
|
71
|
-
*/
|
|
72
|
-
set cssClass(value: any);
|
|
73
|
-
get cssClass(): any;
|
|
74
|
-
/**
|
|
75
|
-
* Applies inline styles to the inner ActionSheet element. Accepts any value supported by [`ngStyle`](link:site.data.urls.angular['ngstyleapi']).
|
|
76
|
-
*/
|
|
77
|
-
cssStyle: any;
|
|
78
|
-
/**
|
|
79
|
-
* Configures the opening and closing animations for the ActionSheet ([see example](https://www.telerik.com/kendo-angular-ui/components/navigation/actionsheet/animations)).
|
|
80
|
-
*
|
|
81
|
-
* @default true
|
|
82
|
-
*/
|
|
83
|
-
animation: boolean | ActionSheetAnimation;
|
|
84
|
-
/**
|
|
85
|
-
* Controls whether the ActionSheet is expanded or collapsed.
|
|
86
|
-
*
|
|
87
|
-
* @default false
|
|
88
|
-
*/
|
|
89
|
-
expanded: boolean;
|
|
90
|
-
/**
|
|
91
|
-
* Sets the `aria-labelledby` attribute of the ActionSheet wrapper element.
|
|
92
|
-
* Use this option when the built-in header element is replaced through the [`ActionSheetHeaderTemplate`](https://www.telerik.com/kendo-angular-ui/components/navigation/api/actionsheetheadertemplatedirective)
|
|
93
|
-
* or [`ActionSheetContentTemplate`](https://www.telerik.com/kendo-angular-ui/components/navigation/api/actionsheetcontenttemplatedirective).
|
|
94
|
-
*
|
|
95
|
-
* @remarks
|
|
96
|
-
* This property is related to accessibility.
|
|
97
|
-
*/
|
|
98
|
-
titleId: string;
|
|
99
|
-
/**
|
|
100
|
-
* @hidden
|
|
101
|
-
*
|
|
102
|
-
* Determines if the ActionSheet should focus the first focusable element when opened.
|
|
103
|
-
*/
|
|
104
|
-
initialFocus: boolean;
|
|
105
|
-
/**
|
|
106
|
-
* Fires when the `expanded` property of the component is updated.
|
|
107
|
-
* You can use this event to provide two-way binding for the `expanded` property.
|
|
108
|
-
*/
|
|
109
|
-
expandedChange: EventEmitter<boolean>;
|
|
110
|
-
/**
|
|
111
|
-
* Fires when any of the ActionSheet action buttons is clicked.
|
|
112
|
-
*/
|
|
113
|
-
action: EventEmitter<ActionSheetAction>;
|
|
114
|
-
/**
|
|
115
|
-
* Fires when the ActionSheet is expanded and its animation is complete.
|
|
116
|
-
*/
|
|
117
|
-
expand: EventEmitter<any>;
|
|
118
|
-
/**
|
|
119
|
-
* Fires when the ActionSheet is collapsed and its animation is complete.
|
|
120
|
-
*/
|
|
121
|
-
collapse: EventEmitter<any>;
|
|
122
|
-
/**
|
|
123
|
-
* Fires when an ActionSheet item is clicked.
|
|
124
|
-
*/
|
|
125
|
-
itemClick: EventEmitter<ActionSheetItemClickEvent>;
|
|
126
|
-
/**
|
|
127
|
-
* Fires when the modal overlay is clicked.
|
|
128
|
-
*/
|
|
129
|
-
overlayClick: EventEmitter<any>;
|
|
130
|
-
/**
|
|
131
|
-
* @hidden
|
|
132
|
-
*/
|
|
133
|
-
childContainer: ElementRef;
|
|
134
|
-
/**
|
|
135
|
-
* @hidden
|
|
136
|
-
*/
|
|
137
|
-
actionSheetViews: QueryList<ActionSheetViewComponent>;
|
|
138
|
-
/**
|
|
139
|
-
* @hidden
|
|
140
|
-
*/
|
|
141
|
-
actionSheetTemplate: ActionSheetTemplateDirective;
|
|
142
|
-
/**
|
|
143
|
-
* @hidden
|
|
144
|
-
*/
|
|
145
|
-
headerTemplate: ActionSheetHeaderTemplateDirective;
|
|
146
|
-
/**
|
|
147
|
-
* @hidden
|
|
148
|
-
*/
|
|
149
|
-
contentTemplate: ActionSheetContentTemplateDirective;
|
|
150
|
-
/**
|
|
151
|
-
* @hidden
|
|
152
|
-
*/
|
|
153
|
-
itemTemplate: ActionSheetItemTemplateDirective;
|
|
154
|
-
/**
|
|
155
|
-
* @hidden
|
|
156
|
-
*/
|
|
157
|
-
footerTemplate: ActionSheetFooterTemplateDirective;
|
|
158
|
-
private _cssClass;
|
|
159
|
-
private dynamicRTLSubscription;
|
|
160
|
-
private rtl;
|
|
161
|
-
private domSubs;
|
|
162
|
-
private player;
|
|
163
|
-
private animationEnd;
|
|
164
|
-
private isFullscreen;
|
|
165
|
-
constructor(element: ElementRef, ngZone: NgZone, renderer: Renderer2, localizationService: LocalizationService, builder: AnimationBuilder, cdr: ChangeDetectorRef);
|
|
166
|
-
ngAfterViewInit(): void;
|
|
167
|
-
ngOnChanges(changes: SimpleChanges): void;
|
|
168
|
-
ngOnDestroy(): void;
|
|
169
|
-
/**
|
|
170
|
-
* @hidden
|
|
171
|
-
* Navigates to the next view.
|
|
172
|
-
*/
|
|
173
|
-
nextView(): void;
|
|
174
|
-
/**
|
|
175
|
-
* @hidden
|
|
176
|
-
* Navigates to the previous view.
|
|
177
|
-
*/
|
|
178
|
-
prevView(): void;
|
|
179
|
-
/**
|
|
180
|
-
* Toggles the visibility of the ActionSheet.
|
|
181
|
-
*
|
|
182
|
-
* @param expanded? - Boolean. Specifies if the ActionSheet will be expanded or collapsed.
|
|
183
|
-
*/
|
|
184
|
-
toggle(expanded?: boolean): void;
|
|
185
|
-
/**
|
|
186
|
-
* @hidden
|
|
187
|
-
*/
|
|
188
|
-
get orientationClass(): string;
|
|
189
|
-
/**
|
|
190
|
-
* @hidden
|
|
191
|
-
*/
|
|
192
|
-
get alignmentClass(): string | null;
|
|
193
|
-
/**
|
|
194
|
-
* @hidden
|
|
195
|
-
*/
|
|
196
|
-
get topGroupItems(): Array<ActionSheetItem>;
|
|
197
|
-
/**
|
|
198
|
-
* @hidden
|
|
199
|
-
*/
|
|
200
|
-
get bottomGroupItems(): Array<ActionSheetItem>;
|
|
201
|
-
/**
|
|
202
|
-
* @hidden
|
|
203
|
-
*/
|
|
204
|
-
onItemClick(ev: ActionSheetItemClickEvent): void;
|
|
205
|
-
/**
|
|
206
|
-
* @hidden
|
|
207
|
-
*/
|
|
208
|
-
onOverlayClick(): void;
|
|
209
|
-
/**
|
|
210
|
-
* @hidden
|
|
211
|
-
*/
|
|
212
|
-
get shouldRenderSeparator(): boolean;
|
|
213
|
-
/**
|
|
214
|
-
* @hidden
|
|
215
|
-
*/
|
|
216
|
-
get childContainerStyle(): string;
|
|
217
|
-
private initDomEvents;
|
|
218
|
-
private setCssVariables;
|
|
219
|
-
private hasFullscreenClass;
|
|
220
|
-
private onKeyDown;
|
|
221
|
-
private handleInitialFocus;
|
|
222
|
-
private keepFocusWithinComponent;
|
|
223
|
-
private triggerItemClick;
|
|
224
|
-
private setExpanded;
|
|
225
|
-
private onAnimationEnd;
|
|
226
|
-
private playAnimation;
|
|
227
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ActionSheetComponent, never>;
|
|
228
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ActionSheetComponent, "kendo-actionsheet", ["kendoActionSheet"], { "actions": { "alias": "actions"; "required": false; }; "actionsLayout": { "alias": "actionsLayout"; "required": false; }; "overlayClickClose": { "alias": "overlayClickClose"; "required": false; }; "title": { "alias": "title"; "required": false; }; "subtitle": { "alias": "subtitle"; "required": false; }; "items": { "alias": "items"; "required": false; }; "cssClass": { "alias": "cssClass"; "required": false; }; "cssStyle": { "alias": "cssStyle"; "required": false; }; "animation": { "alias": "animation"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "titleId": { "alias": "titleId"; "required": false; }; "initialFocus": { "alias": "initialFocus"; "required": false; }; }, { "expandedChange": "expandedChange"; "action": "action"; "expand": "expand"; "collapse": "collapse"; "itemClick": "itemClick"; "overlayClick": "overlayClick"; }, ["actionSheetTemplate", "headerTemplate", "contentTemplate", "itemTemplate", "footerTemplate", "actionSheetViews"], ["kendo-actionsheet-view"], true, never>;
|
|
229
|
-
}
|
|
@@ -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
|
-
import { AnimationMetadata } from '@angular/animations';
|
|
6
|
-
/**
|
|
7
|
-
* @hidden
|
|
8
|
-
*/
|
|
9
|
-
export declare function slideUp(duration: number, height: string): AnimationMetadata[];
|
|
10
|
-
/**
|
|
11
|
-
* @hidden
|
|
12
|
-
*/
|
|
13
|
-
export declare function slideDown(duration: number, height: string): AnimationMetadata[];
|
|
@@ -1,19 +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 { ActionSheetItem } from "./models";
|
|
7
|
-
import * as i0 from "@angular/core";
|
|
8
|
-
/**
|
|
9
|
-
* @hidden
|
|
10
|
-
*/
|
|
11
|
-
export declare class ActionSheetItemComponent {
|
|
12
|
-
itemTemplate: TemplateRef<any>;
|
|
13
|
-
item: ActionSheetItem;
|
|
14
|
-
pointerClass: boolean;
|
|
15
|
-
manageIconClasses(item: ActionSheetItem): string;
|
|
16
|
-
manageIconStyles(item: ActionSheetItem): any;
|
|
17
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ActionSheetItemComponent, never>;
|
|
18
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ActionSheetItemComponent, "[kendoActionSheetItem]", never, { "itemTemplate": { "alias": "itemTemplate"; "required": false; }; "item": { "alias": "item"; "required": false; }; }, {}, never, never, true, never>;
|
|
19
|
-
}
|
|
@@ -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
|
-
import { TemplateRef, EventEmitter, ElementRef, Renderer2, NgZone, OnDestroy, AfterViewInit } from "@angular/core";
|
|
6
|
-
import { ActionSheetItem, ActionSheetItemClickEvent } from './models';
|
|
7
|
-
import * as i0 from "@angular/core";
|
|
8
|
-
/**
|
|
9
|
-
* @hidden
|
|
10
|
-
*/
|
|
11
|
-
export declare class ActionSheetListComponent implements AfterViewInit, OnDestroy {
|
|
12
|
-
private renderer;
|
|
13
|
-
private ngZone;
|
|
14
|
-
element: ElementRef;
|
|
15
|
-
groupItems: ActionSheetItem[];
|
|
16
|
-
allItems: ActionSheetItem[];
|
|
17
|
-
itemTemplate: TemplateRef<any>;
|
|
18
|
-
itemClick: EventEmitter<ActionSheetItemClickEvent>;
|
|
19
|
-
private subscriptions;
|
|
20
|
-
constructor(renderer: Renderer2, ngZone: NgZone, element: ElementRef);
|
|
21
|
-
ngAfterViewInit(): void;
|
|
22
|
-
ngOnDestroy(): void;
|
|
23
|
-
private initDomEvents;
|
|
24
|
-
private clickHandler;
|
|
25
|
-
setAttrIndex(item: ActionSheetItem): number;
|
|
26
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ActionSheetListComponent, never>;
|
|
27
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ActionSheetListComponent, "[kendoActionSheetList]", never, { "groupItems": { "alias": "groupItems"; "required": false; }; "allItems": { "alias": "allItems"; "required": false; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; }; }, { "itemClick": "itemClick"; }, never, never, true, never>;
|
|
28
|
-
}
|
|
@@ -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
|
-
/**
|
|
6
|
-
* Defines the possible orientations for ActionSheet action buttons.
|
|
7
|
-
* - `horizontal`—Lays out actions in a horizontal row.
|
|
8
|
-
* - `vertical`—Stacks actions vertically.
|
|
9
|
-
*/
|
|
10
|
-
export type ActionSheetActionsOrientation = 'horizontal' | 'vertical';
|
|
11
|
-
/**
|
|
12
|
-
* Defines the possible alignments for the ActionSheet action buttons.
|
|
13
|
-
* - `start`—Aligns actions to the start of the container.
|
|
14
|
-
* - `center`—Centers actions within the container.
|
|
15
|
-
* - `end`—Aligns actions to the end of the container.
|
|
16
|
-
* - `stretched`—Stretches actions to fill the available space.
|
|
17
|
-
* - `justify`—Distributes actions evenly across the container.
|
|
18
|
-
*/
|
|
19
|
-
export type ActionSheetActionsAlignment = 'start' | 'center' | 'end' | 'stretched' | 'justify';
|
|
20
|
-
/**
|
|
21
|
-
* Represents the layout configuration options for the ActionSheet action buttons.
|
|
22
|
-
*/
|
|
23
|
-
export interface ActionSheetActionsLayout {
|
|
24
|
-
/**
|
|
25
|
-
* Specifies the orientation of the actions.
|
|
26
|
-
*
|
|
27
|
-
* @default horizontal
|
|
28
|
-
*/
|
|
29
|
-
orientation?: ActionSheetActionsOrientation;
|
|
30
|
-
/**
|
|
31
|
-
* Specifies the alignment of the actions within the container.
|
|
32
|
-
*
|
|
33
|
-
* @default stretched
|
|
34
|
-
*/
|
|
35
|
-
alignment?: ActionSheetActionsAlignment;
|
|
36
|
-
}
|
|
@@ -1,46 +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 { ButtonFillMode, ButtonSize, ButtonThemeColor } from "@progress/kendo-angular-buttons";
|
|
6
|
-
import { SVGIcon } from "@progress/kendo-svg-icons";
|
|
7
|
-
/**
|
|
8
|
-
* Describes the configuration for an ActionSheet action button.
|
|
9
|
-
*/
|
|
10
|
-
export interface ActionSheetAction {
|
|
11
|
-
/**
|
|
12
|
-
* Specifies the unique identifier of the action button.
|
|
13
|
-
*/
|
|
14
|
-
id?: string | number;
|
|
15
|
-
/**
|
|
16
|
-
* Sets the text content of the action button.
|
|
17
|
-
*/
|
|
18
|
-
text?: string;
|
|
19
|
-
/**
|
|
20
|
-
* Sets the [font icon](https://www.telerik.com/kendo-angular-ui/components/icons/icon/icon-list) for the action button.
|
|
21
|
-
*/
|
|
22
|
-
icon?: string;
|
|
23
|
-
/**
|
|
24
|
-
* Specifies an [`SVGIcon`](https://www.telerik.com/kendo-angular-ui/components/icons/api/svgicon) for the action button.
|
|
25
|
-
*/
|
|
26
|
-
svgIcon?: SVGIcon;
|
|
27
|
-
/**
|
|
28
|
-
* Specifies the `title` attribute for the action button. The title appears as the default tooltip.
|
|
29
|
-
*
|
|
30
|
-
* @remarks
|
|
31
|
-
* This option is related to accessibility.
|
|
32
|
-
*/
|
|
33
|
-
title?: string;
|
|
34
|
-
/**
|
|
35
|
-
* Sets the size of the action button.
|
|
36
|
-
*/
|
|
37
|
-
size?: ButtonSize;
|
|
38
|
-
/**
|
|
39
|
-
* Defines the fill mode of the action button.
|
|
40
|
-
*/
|
|
41
|
-
fillMode?: ButtonFillMode;
|
|
42
|
-
/**
|
|
43
|
-
* Specifies the theme color of the action button.
|
|
44
|
-
*/
|
|
45
|
-
themeColor?: ButtonThemeColor;
|
|
46
|
-
}
|
|
@@ -1,57 +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
|
-
import { ActionSheetItemGroup } from "./group";
|
|
7
|
-
/**
|
|
8
|
-
* Represents the configuration for an ActionSheet item.
|
|
9
|
-
*/
|
|
10
|
-
export interface ActionSheetItem {
|
|
11
|
-
/**
|
|
12
|
-
* Specifies the text content of the ActionSheet item.
|
|
13
|
-
*/
|
|
14
|
-
title?: string;
|
|
15
|
-
/**
|
|
16
|
-
* Defines the name of an existing [font icon](https://www.telerik.com/kendo-angular-ui/components/icons/icon/icon-list) to render inside the item. The icon is rendered in a `span.k-icon` element.
|
|
17
|
-
*/
|
|
18
|
-
icon?: string;
|
|
19
|
-
/**
|
|
20
|
-
* Defines an [`SVGIcon`](https://www.telerik.com/kendo-angular-ui/components/icons/api/svgicon) to render within the ActionSheet item.
|
|
21
|
-
*/
|
|
22
|
-
svgIcon?: SVGIcon;
|
|
23
|
-
/**
|
|
24
|
-
* Defines one or more CSS classes to apply to a span element inside the item. Allows using custom icons.
|
|
25
|
-
*/
|
|
26
|
-
iconClass?: string;
|
|
27
|
-
/**
|
|
28
|
-
* Specifies the group for the item. Use `top` to render the item above the separator, or `bottom` to render below it.
|
|
29
|
-
*/
|
|
30
|
-
group?: ActionSheetItemGroup;
|
|
31
|
-
/**
|
|
32
|
-
* Sets additional text rendered below the item's title.
|
|
33
|
-
*/
|
|
34
|
-
description?: string;
|
|
35
|
-
/**
|
|
36
|
-
* Specifies whether the ActionSheet item is initially disabled.
|
|
37
|
-
*
|
|
38
|
-
* @default false
|
|
39
|
-
*/
|
|
40
|
-
disabled?: boolean;
|
|
41
|
-
/**
|
|
42
|
-
* Defines the size of the icon. Accepts any valid CSS font-size value.
|
|
43
|
-
*/
|
|
44
|
-
iconSize?: string;
|
|
45
|
-
/**
|
|
46
|
-
* Sets the color of the icon. Accepts `inherit`, `default`, `primary`, `secondary`, `tertiary`, `info`, `success`, `warning`, `error`, `dark`, `light`, `inverted`, or any hexadecimal value.
|
|
47
|
-
*/
|
|
48
|
-
iconColor?: string;
|
|
49
|
-
/**
|
|
50
|
-
* Specifies the CSS classes to apply to the item. Supports all value types accepted by [`ngClass`](link:site.data.urls.angular['ngclassapi']).
|
|
51
|
-
*/
|
|
52
|
-
cssClass?: any;
|
|
53
|
-
/**
|
|
54
|
-
* Specifies the CSS styles to apply to the item. Supports all value types accepted by [`ngStyle`](link:site.data.urls.angular['ngstyleapi']).
|
|
55
|
-
*/
|
|
56
|
-
cssStyle?: any;
|
|
57
|
-
}
|
|
@@ -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 settings of the opening and closing animations for the ActionSheet ([see example](https://www.telerik.com/kendo-angular-ui/components/navigation/actionsheet/animations)).
|
|
7
|
-
*/
|
|
8
|
-
export interface ActionSheetAnimation {
|
|
9
|
-
/**
|
|
10
|
-
* Specifies the duration of the ActionSheet opening and closing animations in milliseconds.
|
|
11
|
-
*
|
|
12
|
-
* @default 300
|
|
13
|
-
*/
|
|
14
|
-
duration?: number;
|
|
15
|
-
}
|
|
@@ -1,11 +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 group for an ActionSheet item.
|
|
7
|
-
*
|
|
8
|
-
* - `top`—Renders the item above the separator.
|
|
9
|
-
* - `bottom`—Renders the item below the separator.
|
|
10
|
-
*/
|
|
11
|
-
export type ActionSheetItemGroup = 'top' | 'bottom';
|
|
@@ -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
|
-
export { ActionSheetItem } from './actionsheet-item.interface';
|
|
6
|
-
export { ActionSheetItemClickEvent } from './item-click.event';
|
|
7
|
-
export { ActionSheetItemGroup } from './group';
|
|
8
|
-
export { ActionSheetHeaderTemplateDirective } from '../templates/header-template.directive';
|
|
9
|
-
export { ActionSheetItemTemplateDirective } from '../templates/item-template.directive';
|
|
10
|
-
export { ActionSheetContentTemplateDirective } from '../templates/content-template.directive';
|
|
11
|
-
export { ActionSheetFooterTemplateDirective } from '../templates/footer-template.directive';
|
|
12
|
-
export { ActionSheetAnimation } from './animation';
|
|
13
|
-
export { ActionSheetTemplateDirective } from '../templates/actionsheet-template';
|
|
14
|
-
export { ActionSheetActionsLayout, ActionSheetActionsOrientation, ActionSheetActionsAlignment } from './actionsheet-action-layout';
|
|
15
|
-
export { ActionSheetAction } from './actionsheet-action';
|
|
@@ -1,20 +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 { ActionSheetItem } from './actionsheet-item.interface';
|
|
6
|
-
/**
|
|
7
|
-
* Provides the event data for the `itemClick` event of the ActionSheet component.
|
|
8
|
-
*
|
|
9
|
-
* Use this event to access the clicked item and the original DOM event.
|
|
10
|
-
*/
|
|
11
|
-
export declare class ActionSheetItemClickEvent {
|
|
12
|
-
/**
|
|
13
|
-
* Provides the ActionSheet item that was clicked.
|
|
14
|
-
*/
|
|
15
|
-
item: ActionSheetItem;
|
|
16
|
-
/**
|
|
17
|
-
* Represents the original DOM event that triggered the `itemClick` event.
|
|
18
|
-
*/
|
|
19
|
-
originalEvent: any;
|
|
20
|
-
}
|
|
@@ -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 overall content of the ActionSheet.
|
|
9
|
-
* To define the template, nest an `<ng-template>` tag
|
|
10
|
-
* with the `kendoActionSheetTemplate` directive inside the `<kendo-actionsheet>` tag.
|
|
11
|
-
*
|
|
12
|
-
* @example
|
|
13
|
-
* ```html
|
|
14
|
-
* <kendo-actionsheet>
|
|
15
|
-
* <ng-template kendoActionSheetTemplate>
|
|
16
|
-
* <div>Custom ActionSheet content</div>
|
|
17
|
-
* </ng-template>
|
|
18
|
-
* </kendo-actionsheet>
|
|
19
|
-
* ```
|
|
20
|
-
*/
|
|
21
|
-
export declare class ActionSheetTemplateDirective {
|
|
22
|
-
templateRef: TemplateRef<any>;
|
|
23
|
-
constructor(templateRef: TemplateRef<any>);
|
|
24
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ActionSheetTemplateDirective, [{ optional: true; }]>;
|
|
25
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<ActionSheetTemplateDirective, "[kendoActionSheetTemplate]", 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 list content of the ActionSheet items.
|
|
9
|
-
* To define the template, nest an `<ng-template>` tag
|
|
10
|
-
* with the `kendoActionSheetContentTemplate` directive inside the `<kendo-actionsheet>` tag.
|
|
11
|
-
*
|
|
12
|
-
* @example
|
|
13
|
-
* ```html
|
|
14
|
-
* <kendo-actionsheet [items]="items">
|
|
15
|
-
* <ng-template kendoActionSheetContentTemplate>
|
|
16
|
-
* <div>Custom content here</div>
|
|
17
|
-
* </ng-template>
|
|
18
|
-
* </kendo-actionsheet>
|
|
19
|
-
* ```
|
|
20
|
-
*/
|
|
21
|
-
export declare class ActionSheetContentTemplateDirective {
|
|
22
|
-
templateRef: TemplateRef<any>;
|
|
23
|
-
constructor(templateRef: TemplateRef<any>);
|
|
24
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ActionSheetContentTemplateDirective, [{ optional: true; }]>;
|
|
25
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<ActionSheetContentTemplateDirective, "[kendoActionSheetContentTemplate]", never, {}, {}, never, never, true, never>;
|
|
26
|
-
}
|