@progress/kendo-angular-buttons 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-buttons.mjs +117 -117
- package/index.d.ts +3280 -52
- package/package-metadata.mjs +2 -2
- package/package.json +11 -11
- package/button/button-settings.d.ts +0 -39
- package/button/button.component.d.ts +0 -200
- package/button/button.module.d.ts +0 -32
- package/button/button.service.d.ts +0 -17
- package/button/selection-settings.d.ts +0 -11
- package/buttongroup/buttongroup.component.d.ts +0 -103
- package/buttongroup/buttongroup.module.d.ts +0 -37
- package/buttons.module.d.ts +0 -46
- package/chip/chip-content-click-event-args.interface.d.ts +0 -18
- package/chip/chip-list-remove-event-args.interface.d.ts +0 -23
- package/chip/chip-list.component.d.ts +0 -105
- package/chip/chip-remove-event-args.interface.d.ts +0 -18
- package/chip/chip.component.d.ts +0 -204
- package/chip/chip.module.d.ts +0 -33
- package/chip/models/avatar-settings.interface.d.ts +0 -39
- package/chip/models/selection.d.ts +0 -13
- package/common/models/arrow-settings.d.ts +0 -22
- package/common/models/fillmode.d.ts +0 -12
- package/common/models/icon-position.d.ts +0 -10
- package/common/models/rounded.d.ts +0 -12
- package/common/models/size.d.ts +0 -24
- package/common/models/styling-classes.d.ts +0 -11
- package/common/models/theme-color.d.ts +0 -40
- package/common/models.d.ts +0 -11
- package/direction.d.ts +0 -8
- package/directives.d.ts +0 -173
- package/dropdownbutton/dropdownbutton.component.d.ts +0 -176
- package/dropdownbutton/dropdownbutton.module.d.ts +0 -36
- package/floatingactionbutton/animations/animations.d.ts +0 -13
- package/floatingactionbutton/dial-item.component.d.ts +0 -36
- package/floatingactionbutton/dial-list.component.d.ts +0 -27
- package/floatingactionbutton/floatingactionbutton.component.d.ts +0 -296
- package/floatingactionbutton/floatingactionbutton.module.d.ts +0 -34
- package/floatingactionbutton/models/align.d.ts +0 -33
- package/floatingactionbutton/models/item-animation.interface.d.ts +0 -25
- package/floatingactionbutton/models/item-click.event.d.ts +0 -25
- package/floatingactionbutton/models/item.interface.d.ts +0 -51
- package/floatingactionbutton/models/offset.d.ts +0 -23
- package/floatingactionbutton/models/position-mode.d.ts +0 -13
- package/floatingactionbutton/templates/dial-item-template.directive.d.ts +0 -26
- package/floatingactionbutton/templates/fab-template.directive.d.ts +0 -27
- package/floatingactionbutton/utils.d.ts +0 -12
- package/focusable/focus.service.d.ts +0 -20
- package/focusable/focusable.directive.d.ts +0 -26
- package/listbutton/button-item-template.directive.d.ts +0 -38
- package/listbutton/container.service.d.ts +0 -15
- package/listbutton/list-button.d.ts +0 -164
- package/listbutton/list-item-model.d.ts +0 -75
- package/listbutton/list.component.d.ts +0 -28
- package/listbutton/popup-settings.d.ts +0 -52
- package/navigation/key-events.d.ts +0 -12
- package/navigation/navigation-action.d.ts +0 -18
- package/navigation/navigation-config.d.ts +0 -15
- package/navigation/navigation.service.d.ts +0 -28
- package/package-metadata.d.ts +0 -9
- package/preventable-event.d.ts +0 -21
- package/segmentedcontrol/models.d.ts +0 -41
- package/segmentedcontrol/segmented-control.component.d.ts +0 -81
- package/segmentedcontrol/segmented-control.module.d.ts +0 -19
- package/smartpastebutton/models/form-field.d.ts +0 -40
- package/smartpastebutton/models/index.d.ts +0 -6
- package/smartpastebutton/models/service-settings.d.ts +0 -114
- package/smartpastebutton/smartpastebutton.component.d.ts +0 -175
- package/smartpastebutton/smartpastebutton.module.d.ts +0 -27
- package/smartpastebutton/utils.d.ts +0 -50
- package/speechtotextbutton/models/error-event.d.ts +0 -13
- package/speechtotextbutton/models/integration-mode.d.ts +0 -11
- package/speechtotextbutton/models/result-event.d.ts +0 -18
- package/speechtotextbutton/models/speechtotextbutton-settings.d.ts +0 -61
- package/speechtotextbutton/speechtotextbutton.component.d.ts +0 -187
- package/speechtotextbutton/speechtotextbutton.module.d.ts +0 -19
- package/splitbutton/localization/custom-messages.component.d.ts +0 -18
- package/splitbutton/localization/localized-messages.directive.d.ts +0 -16
- package/splitbutton/localization/messages.d.ts +0 -38
- package/splitbutton/splitbutton.component.d.ts +0 -284
- package/splitbutton/splitbutton.module.d.ts +0 -23
- package/util.d.ts +0 -49
|
@@ -1,296 +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 { AnimationBuilder } from '@angular/animations';
|
|
6
|
-
import { AfterViewInit, ElementRef, EventEmitter, NgZone, Renderer2, OnDestroy, TemplateRef } from '@angular/core';
|
|
7
|
-
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
8
|
-
import { PopupService } from '@progress/kendo-angular-popup';
|
|
9
|
-
import { FocusService } from '../focusable/focus.service';
|
|
10
|
-
import { NavigationService } from '../navigation/navigation.service';
|
|
11
|
-
import { FabAlign } from './models/align';
|
|
12
|
-
import { FabOffset } from './models/offset';
|
|
13
|
-
import { DialItemAnimation } from './models/item-animation.interface';
|
|
14
|
-
import { FabPositionMode } from './models/position-mode';
|
|
15
|
-
import { DialItemClickEvent } from './models/item-click.event';
|
|
16
|
-
import { FloatingActionButtonSize } from '../common/models/size';
|
|
17
|
-
import { FloatingActionButtonThemeColor } from '../common/models/theme-color';
|
|
18
|
-
import { PreventableEvent } from '../preventable-event';
|
|
19
|
-
import { DialItemTemplateDirective } from './templates/dial-item-template.directive';
|
|
20
|
-
import { FloatingActionButtonTemplateDirective } from './templates/fab-template.directive';
|
|
21
|
-
import { ButtonRounded } from '../common/models';
|
|
22
|
-
import { SVGIcon } from '@progress/kendo-svg-icons';
|
|
23
|
-
import { DialItem } from './models/item.interface';
|
|
24
|
-
import * as i0 from "@angular/core";
|
|
25
|
-
/**
|
|
26
|
-
* Represents the Kendo UI FloatingActionButton component for Angular.
|
|
27
|
-
* Use it to represent the primary or most common action in an application.
|
|
28
|
-
*
|
|
29
|
-
* @example
|
|
30
|
-
* ```html
|
|
31
|
-
* <kendo-floatingactionbutton
|
|
32
|
-
* [icon]="'plus'"
|
|
33
|
-
* [text]="'Add'"
|
|
34
|
-
* [align]="{ horizontal: 'end', vertical: 'bottom' }">
|
|
35
|
-
* </kendo-floatingactionbutton>
|
|
36
|
-
* ```
|
|
37
|
-
*/
|
|
38
|
-
export declare class FloatingActionButtonComponent implements AfterViewInit, OnDestroy {
|
|
39
|
-
renderer: Renderer2;
|
|
40
|
-
private element;
|
|
41
|
-
private focusService;
|
|
42
|
-
private navigationService;
|
|
43
|
-
private ngZone;
|
|
44
|
-
private popupService;
|
|
45
|
-
private builder;
|
|
46
|
-
private localizationService;
|
|
47
|
-
get fixedClass(): boolean;
|
|
48
|
-
get absoluteClass(): boolean;
|
|
49
|
-
direction: string;
|
|
50
|
-
button: ElementRef<HTMLButtonElement>;
|
|
51
|
-
popupTemplate: TemplateRef<any>;
|
|
52
|
-
dialItemTemplate: DialItemTemplateDirective;
|
|
53
|
-
fabTemplate: FloatingActionButtonTemplateDirective;
|
|
54
|
-
/**
|
|
55
|
-
* Specifies the theme color of the FloatingActionButton ([see example](https://www.telerik.com/kendo-angular-ui/components/buttons/floatingactionbutton/appearance#theme-colors)). The default value is set by the Kendo theme.
|
|
56
|
-
*/
|
|
57
|
-
set themeColor(themeColor: FloatingActionButtonThemeColor);
|
|
58
|
-
get themeColor(): FloatingActionButtonThemeColor;
|
|
59
|
-
/**
|
|
60
|
-
* Specifies the size of the FloatingActionButton ([see example](https://www.telerik.com/kendo-angular-ui/components/buttons/floatingactionbutton/appearance#size)). The default value is set by the Kendo theme.
|
|
61
|
-
*/
|
|
62
|
-
set size(size: FloatingActionButtonSize);
|
|
63
|
-
get size(): FloatingActionButtonSize;
|
|
64
|
-
/**
|
|
65
|
-
* Specifies the border radius of the FloatingActionButton ([see example](https://www.telerik.com/kendo-angular-ui/components/buttons/floatingactionbutton/appearance#roundness)). The default value is set by the Kendo theme.
|
|
66
|
-
*/
|
|
67
|
-
set rounded(rounded: ButtonRounded);
|
|
68
|
-
get rounded(): ButtonRounded;
|
|
69
|
-
/**
|
|
70
|
-
* Specifies whether the FloatingActionButton is disabled.
|
|
71
|
-
* @default false
|
|
72
|
-
*/
|
|
73
|
-
set disabled(disabled: boolean);
|
|
74
|
-
get disabled(): boolean;
|
|
75
|
-
/**
|
|
76
|
-
* Specifies the alignment of the FloatingActionButton ([see example](https://www.telerik.com/kendo-angular-ui/components/buttons/floatingactionbutton/positioning#alignment)).
|
|
77
|
-
* @default { horizontal: 'end', vertical: 'top' }
|
|
78
|
-
*/
|
|
79
|
-
set align(align: FabAlign);
|
|
80
|
-
get align(): FabAlign;
|
|
81
|
-
/**
|
|
82
|
-
* Specifies the offset position of the FloatingActionButton ([see example](https://www.telerik.com/kendo-angular-ui/components/buttons/floatingactionbutton/positioning#offset)).
|
|
83
|
-
* @default { x: '16px', y: '16px' }
|
|
84
|
-
*/
|
|
85
|
-
set offset(offset: FabOffset);
|
|
86
|
-
get offset(): FabOffset;
|
|
87
|
-
/**
|
|
88
|
-
* Specifies the position mode of the FloatingActionButton ([see example](https://www.telerik.com/kendo-angular-ui/components/buttons/floatingactionbutton/positioning#position-mode)).
|
|
89
|
-
* @default "fixed"
|
|
90
|
-
*/
|
|
91
|
-
positionMode: FabPositionMode;
|
|
92
|
-
/**
|
|
93
|
-
* Defines the name of an existing icon in a Kendo UI theme.
|
|
94
|
-
*/
|
|
95
|
-
icon: string;
|
|
96
|
-
/**
|
|
97
|
-
* Defines an [`SVGIcon`](https://www.telerik.com/kendo-angular-ui/components/icons/api/svgicon) to be rendered within the FloatingActionButton.
|
|
98
|
-
*/
|
|
99
|
-
svgIcon: SVGIcon;
|
|
100
|
-
/**
|
|
101
|
-
* Defines a CSS class or multiple classes for custom icons.
|
|
102
|
-
*/
|
|
103
|
-
iconClass: string;
|
|
104
|
-
/**
|
|
105
|
-
* The CSS classes that will be rendered on the main button.
|
|
106
|
-
* Supports the type of values that are supported by [`ngClass`](link:site.data.urls.angular['ngclassapi']).
|
|
107
|
-
*/
|
|
108
|
-
buttonClass: any;
|
|
109
|
-
/**
|
|
110
|
-
* The CSS classes that will be rendered on the dial items `ul` element.
|
|
111
|
-
* Supports the type of values that are supported by [`ngClass`](link:site.data.urls.angular['ngclassapi']).
|
|
112
|
-
*/
|
|
113
|
-
dialClass: any;
|
|
114
|
-
/**
|
|
115
|
-
* Specifies the text content of the FloatingActionButton.
|
|
116
|
-
*
|
|
117
|
-
* @remarks
|
|
118
|
-
* This property is related to accessibility.
|
|
119
|
-
*/
|
|
120
|
-
text: string;
|
|
121
|
-
/**
|
|
122
|
-
* Specifies the animation settings of the FloatingActionButton dial items.
|
|
123
|
-
* @default true
|
|
124
|
-
*/
|
|
125
|
-
dialItemAnimation: boolean | DialItemAnimation;
|
|
126
|
-
/**
|
|
127
|
-
* Specifies the [`tabIndex`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of the FloatingActionButton.
|
|
128
|
-
* @default 0
|
|
129
|
-
*/
|
|
130
|
-
tabIndex: number;
|
|
131
|
-
/**
|
|
132
|
-
* Specifies the collection of dial items rendered in the FloatingActionButton popup.
|
|
133
|
-
*/
|
|
134
|
-
dialItems: DialItem[];
|
|
135
|
-
/**
|
|
136
|
-
* Fires when the FloatingActionButton is blurred.
|
|
137
|
-
*/
|
|
138
|
-
onBlur: EventEmitter<any>;
|
|
139
|
-
/**
|
|
140
|
-
* Fires when the FloatingActionButton is focused.
|
|
141
|
-
*/
|
|
142
|
-
onFocus: EventEmitter<any>;
|
|
143
|
-
/**
|
|
144
|
-
* Fires when a dial item is clicked.
|
|
145
|
-
*/
|
|
146
|
-
dialItemClick: EventEmitter<DialItemClickEvent>;
|
|
147
|
-
/**
|
|
148
|
-
* Fires when the popup is about to open. This event is preventable
|
|
149
|
-
* ([more information and example](https://www.telerik.com/kendo-angular-ui/components/buttons/floatingactionbutton/events)).
|
|
150
|
-
*/
|
|
151
|
-
open: EventEmitter<PreventableEvent>;
|
|
152
|
-
/**
|
|
153
|
-
* Fires when the popup is about to close. This event is preventable
|
|
154
|
-
* ([more information and example](https://www.telerik.com/kendo-angular-ui/components/buttons/floatingactionbutton/events)).
|
|
155
|
-
*/
|
|
156
|
-
close: EventEmitter<PreventableEvent>;
|
|
157
|
-
/**
|
|
158
|
-
* @hidden
|
|
159
|
-
*/
|
|
160
|
-
get componentTabIndex(): number;
|
|
161
|
-
/**
|
|
162
|
-
* @hidden
|
|
163
|
-
*/
|
|
164
|
-
id: string;
|
|
165
|
-
/**
|
|
166
|
-
* @hidden
|
|
167
|
-
*/
|
|
168
|
-
dialListId: string;
|
|
169
|
-
private _themeColor;
|
|
170
|
-
private _size;
|
|
171
|
-
private _rounded;
|
|
172
|
-
private _disabled;
|
|
173
|
-
private _align;
|
|
174
|
-
private _offset;
|
|
175
|
-
private subscriptions;
|
|
176
|
-
private popupMouseDownListener;
|
|
177
|
-
private rtl;
|
|
178
|
-
private animationEnd;
|
|
179
|
-
private popupRef;
|
|
180
|
-
private initialSetup;
|
|
181
|
-
private focusChangedProgrammatically;
|
|
182
|
-
constructor(renderer: Renderer2, element: ElementRef, focusService: FocusService, navigationService: NavigationService, ngZone: NgZone, popupService: PopupService, builder: AnimationBuilder, localizationService: LocalizationService);
|
|
183
|
-
ngAfterViewInit(): void;
|
|
184
|
-
ngOnDestroy(): void;
|
|
185
|
-
/**
|
|
186
|
-
* Indicates whether the FloatingActionButton is currently open.
|
|
187
|
-
*/
|
|
188
|
-
get isOpen(): boolean;
|
|
189
|
-
/**
|
|
190
|
-
* Focuses the FloatingActionButton.
|
|
191
|
-
*/
|
|
192
|
-
focus(): void;
|
|
193
|
-
/**
|
|
194
|
-
* Blurs the FloatingActionButton.
|
|
195
|
-
*/
|
|
196
|
-
blur(): void;
|
|
197
|
-
/**
|
|
198
|
-
* Toggles the visibility of the FloatingActionButton dial items popup.
|
|
199
|
-
*
|
|
200
|
-
* If you use the `toggleDial` method to open or close the dial items,
|
|
201
|
-
* the `open` and `close` events do not fire ([more information and examples](https://www.telerik.com/kendo-angular-ui/components/buttons/floatingactionbutton/open_state)).
|
|
202
|
-
*
|
|
203
|
-
* @param open - The state of dial items popup.
|
|
204
|
-
*/
|
|
205
|
-
toggleDial(open?: boolean): void;
|
|
206
|
-
/**
|
|
207
|
-
* @hidden
|
|
208
|
-
*/
|
|
209
|
-
get ariaExpanded(): boolean;
|
|
210
|
-
/**
|
|
211
|
-
* @hidden
|
|
212
|
-
*/
|
|
213
|
-
get ariaHasPopup(): string;
|
|
214
|
-
/**
|
|
215
|
-
* @hidden
|
|
216
|
-
*/
|
|
217
|
-
get ariaControls(): string;
|
|
218
|
-
/**
|
|
219
|
-
* @hidden
|
|
220
|
-
*/
|
|
221
|
-
get iconClasses(): string[];
|
|
222
|
-
/**
|
|
223
|
-
* @hidden
|
|
224
|
-
*/
|
|
225
|
-
clickHandler(): void;
|
|
226
|
-
/**
|
|
227
|
-
* @hidden
|
|
228
|
-
*/
|
|
229
|
-
pointerdownHandler(e: PointerEvent): void;
|
|
230
|
-
/**
|
|
231
|
-
* @hidden
|
|
232
|
-
*/
|
|
233
|
-
keyDownHandler(event: KeyboardEvent): void;
|
|
234
|
-
/**
|
|
235
|
-
* @hidden
|
|
236
|
-
*/
|
|
237
|
-
onItemClick(event: MouseEvent): void;
|
|
238
|
-
/**
|
|
239
|
-
* @hidden
|
|
240
|
-
*/
|
|
241
|
-
focusHandler(): void;
|
|
242
|
-
/**
|
|
243
|
-
* @hidden
|
|
244
|
-
*/
|
|
245
|
-
blurHandler(e: FocusEvent): void;
|
|
246
|
-
/**
|
|
247
|
-
* @hidden
|
|
248
|
-
*/
|
|
249
|
-
focusOutHandler(e: FocusEvent): void;
|
|
250
|
-
/**
|
|
251
|
-
* @hidden
|
|
252
|
-
*/
|
|
253
|
-
onNavigationEnterPress(): void;
|
|
254
|
-
/**
|
|
255
|
-
* @hidden
|
|
256
|
-
*/
|
|
257
|
-
onNavigationClose(): void;
|
|
258
|
-
private handleClasses;
|
|
259
|
-
private onEnterPressed;
|
|
260
|
-
private emitItemClick;
|
|
261
|
-
private subscribeNavigationEvents;
|
|
262
|
-
private onArrowKeyNavigate;
|
|
263
|
-
private alignClass;
|
|
264
|
-
private toggleDialWithEvents;
|
|
265
|
-
private openPopup;
|
|
266
|
-
private closePopup;
|
|
267
|
-
private openDial;
|
|
268
|
-
private closeDial;
|
|
269
|
-
private isValidAnimation;
|
|
270
|
-
private positionPopup;
|
|
271
|
-
private offsetStyles;
|
|
272
|
-
private get hasDialItems();
|
|
273
|
-
/**
|
|
274
|
-
* Gets the CSS prop name of the selected vertical position (`top`/`bottom`);
|
|
275
|
-
*/
|
|
276
|
-
private get verticalPosition();
|
|
277
|
-
/**
|
|
278
|
-
* Gets the offset according to the selected vertical position.
|
|
279
|
-
*/
|
|
280
|
-
private get verticalOffset();
|
|
281
|
-
/**
|
|
282
|
-
* Gets the CSS prop name of the selected horizontal position (`left`/`right`);
|
|
283
|
-
*/
|
|
284
|
-
private get horizontalPosition();
|
|
285
|
-
/**
|
|
286
|
-
* Gets the offset according to the selected horizontal position.
|
|
287
|
-
*/
|
|
288
|
-
private get horizontalOffset();
|
|
289
|
-
private playerFor;
|
|
290
|
-
private playAnimation;
|
|
291
|
-
private durationSettings;
|
|
292
|
-
private animationGap;
|
|
293
|
-
private animationDuration;
|
|
294
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<FloatingActionButtonComponent, never>;
|
|
295
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FloatingActionButtonComponent, "kendo-floatingactionbutton", never, { "themeColor": { "alias": "themeColor"; "required": false; }; "size": { "alias": "size"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "align": { "alias": "align"; "required": false; }; "offset": { "alias": "offset"; "required": false; }; "positionMode": { "alias": "positionMode"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "svgIcon": { "alias": "svgIcon"; "required": false; }; "iconClass": { "alias": "iconClass"; "required": false; }; "buttonClass": { "alias": "buttonClass"; "required": false; }; "dialClass": { "alias": "dialClass"; "required": false; }; "text": { "alias": "text"; "required": false; }; "dialItemAnimation": { "alias": "dialItemAnimation"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "dialItems": { "alias": "dialItems"; "required": false; }; }, { "onBlur": "blur"; "onFocus": "focus"; "dialItemClick": "dialItemClick"; "open": "open"; "close": "close"; }, ["dialItemTemplate", "fabTemplate"], never, true, never>;
|
|
296
|
-
}
|
|
@@ -1,34 +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 "./floatingactionbutton.component";
|
|
7
|
-
import * as i2 from "./templates/dial-item-template.directive";
|
|
8
|
-
import * as i3 from "./templates/fab-template.directive";
|
|
9
|
-
/**
|
|
10
|
-
* Represents the NgModule definition for the FloatingActionButton component.
|
|
11
|
-
*
|
|
12
|
-
* Required for adding FloatingActionButton features in NgModule-based Angular applications.
|
|
13
|
-
*
|
|
14
|
-
* @example
|
|
15
|
-
* ```ts
|
|
16
|
-
* import { FloatingActionButtonModule } from '@progress/kendo-angular-buttons';
|
|
17
|
-
* import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
|
|
18
|
-
* import { NgModule } from '@angular/core';
|
|
19
|
-
* import { AppComponent } from './app.component';
|
|
20
|
-
* import { BrowserModule } from '@angular/platform-browser';
|
|
21
|
-
*
|
|
22
|
-
* @NgModule({
|
|
23
|
-
* declarations: [AppComponent],
|
|
24
|
-
* imports: [BrowserModule, FloatingActionButtonModule],
|
|
25
|
-
* bootstrap: [AppComponent]
|
|
26
|
-
* })
|
|
27
|
-
* export class AppModule {}
|
|
28
|
-
* ```
|
|
29
|
-
*/
|
|
30
|
-
export declare class FloatingActionButtonModule {
|
|
31
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<FloatingActionButtonModule, never>;
|
|
32
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<FloatingActionButtonModule, never, [typeof i1.FloatingActionButtonComponent, typeof i2.DialItemTemplateDirective, typeof i3.FloatingActionButtonTemplateDirective], [typeof i1.FloatingActionButtonComponent, typeof i2.DialItemTemplateDirective, typeof i3.FloatingActionButtonTemplateDirective]>;
|
|
33
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<FloatingActionButtonModule>;
|
|
34
|
-
}
|
|
@@ -1,33 +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
|
-
* Specifies the horizontal and vertical alignment of the FloatingActionButton relative to the viewport or parent element
|
|
7
|
-
* ([see example](https://www.telerik.com/kendo-angular-ui/components/buttons/floatingactionbutton/positioning#alignment)).
|
|
8
|
-
*
|
|
9
|
-
* @example
|
|
10
|
-
* ```typescript
|
|
11
|
-
* const align: FabAlign = { vertical: 'top', horizontal: 'start' };
|
|
12
|
-
* ```
|
|
13
|
-
*/
|
|
14
|
-
export interface FabAlign {
|
|
15
|
-
/**
|
|
16
|
-
* Specifies the vertical alignment of the FloatingActionButton.
|
|
17
|
-
*
|
|
18
|
-
* The available options are:
|
|
19
|
-
* - `top` (Default)
|
|
20
|
-
* - `middle`
|
|
21
|
-
* - `bottom`
|
|
22
|
-
*/
|
|
23
|
-
vertical?: 'top' | 'middle' | 'bottom';
|
|
24
|
-
/**
|
|
25
|
-
* Specifies the horizontal alignment of the FloatingActionButton.
|
|
26
|
-
*
|
|
27
|
-
* The available options are:
|
|
28
|
-
* - `start`
|
|
29
|
-
* - `center`
|
|
30
|
-
* - `end` (Default)
|
|
31
|
-
*/
|
|
32
|
-
horizontal?: 'start' | 'center' | 'end';
|
|
33
|
-
}
|
|
@@ -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
|
-
/**
|
|
6
|
-
* Specifies the animation settings for the dial items of the FloatingActionButton
|
|
7
|
-
* ([see example](https://www.telerik.com/kendo-angular-ui/components/buttons/floatingactionbutton/dial_items#animation)).
|
|
8
|
-
*
|
|
9
|
-
* @example
|
|
10
|
-
* ```typescript
|
|
11
|
-
* const animation: DialItemAnimation = { duration: 200, gap: 100 };
|
|
12
|
-
* ```
|
|
13
|
-
*/
|
|
14
|
-
export interface DialItemAnimation {
|
|
15
|
-
/**
|
|
16
|
-
* Specifies the animation duration in milliseconds for each dial item.
|
|
17
|
-
* @default 180
|
|
18
|
-
*/
|
|
19
|
-
duration?: number;
|
|
20
|
-
/**
|
|
21
|
-
* Specifies the animation duration gap in milliseconds after each dial item is animated.
|
|
22
|
-
* @default 90
|
|
23
|
-
*/
|
|
24
|
-
gap?: number;
|
|
25
|
-
}
|
|
@@ -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
|
-
/**
|
|
6
|
-
* Arguments for the `click` event of a dial item
|
|
7
|
-
* ([see example](https://www.telerik.com/kendo-angular-ui/components/buttons/floatingactionbutton/events)).
|
|
8
|
-
*
|
|
9
|
-
* @example
|
|
10
|
-
* ```typescript
|
|
11
|
-
* function onDialItemClick(event: DialItemClickEvent): void {
|
|
12
|
-
* console.log(event.item, event.index);
|
|
13
|
-
* }
|
|
14
|
-
* ```
|
|
15
|
-
*/
|
|
16
|
-
export interface DialItemClickEvent {
|
|
17
|
-
/**
|
|
18
|
-
* The clicked dial item.
|
|
19
|
-
*/
|
|
20
|
-
item: any;
|
|
21
|
-
/**
|
|
22
|
-
* The index of the clicked dial item in the `dialItems` collection.
|
|
23
|
-
*/
|
|
24
|
-
index: number;
|
|
25
|
-
}
|
|
@@ -1,51 +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
|
-
* An interface for the dial items of the FloatingActionButton
|
|
8
|
-
* ([see example](https://www.telerik.com/kendo-angular-ui/components/buttons/floatingactionbutton/dial_items#dial-items)).
|
|
9
|
-
*/
|
|
10
|
-
export interface DialItem {
|
|
11
|
-
/**
|
|
12
|
-
* The CSS classes that will be rendered on the item element of the FloatingActionButton dial.
|
|
13
|
-
* Supports the type of values that are supported by [`ngClass`](link:site.data.urls.angular['ngclassapi']).
|
|
14
|
-
*/
|
|
15
|
-
cssClass?: string;
|
|
16
|
-
/**
|
|
17
|
-
* The CSS styles that will be rendered on the item element of the FloatingActionButton dial.
|
|
18
|
-
* Supports the type of values that are supported by [`ngStyle`](link:site.data.urls.angular['ngstyleapi']).
|
|
19
|
-
*/
|
|
20
|
-
cssStyle?: any;
|
|
21
|
-
/**
|
|
22
|
-
* Specifies whether the dial item is disabled.
|
|
23
|
-
*/
|
|
24
|
-
disabled?: boolean;
|
|
25
|
-
/**
|
|
26
|
-
* Defines the name of an existing icon in a Kendo UI theme.
|
|
27
|
-
* If set, the icon is rendered inside the dial item by a `span.k-icon` element instead of the default numeric or text content.
|
|
28
|
-
*/
|
|
29
|
-
icon?: string;
|
|
30
|
-
/**
|
|
31
|
-
* Defines a CSS class or multiple classes separated by spaces applied to a `span` element.
|
|
32
|
-
* Enables the use of custom icons rendered inside the dial item instead of the default numeric or text content.
|
|
33
|
-
*/
|
|
34
|
-
iconClass?: string;
|
|
35
|
-
/**
|
|
36
|
-
* Defines an [`SVGIcon`](https://www.telerik.com/kendo-angular-ui/components/icons/api/svgicon) to render within the dial item.
|
|
37
|
-
*/
|
|
38
|
-
svgIcon?: SVGIcon;
|
|
39
|
-
/**
|
|
40
|
-
* Specifies the `title` attribute of the dial item.
|
|
41
|
-
* If set, the `title` value is rendered in the `aria-label` attribute on the dial item's element.
|
|
42
|
-
*
|
|
43
|
-
* @remarks
|
|
44
|
-
* This option is related to accessibility.
|
|
45
|
-
*/
|
|
46
|
-
itemTitle?: string;
|
|
47
|
-
/**
|
|
48
|
-
* Specifies the text content of the dial item label.
|
|
49
|
-
*/
|
|
50
|
-
label?: string;
|
|
51
|
-
}
|
|
@@ -1,23 +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
|
-
* Specifies the horizontal and vertical offset positions of the FloatingActionButton
|
|
7
|
-
* ([see example](https://www.telerik.com/kendo-angular-ui/components/buttons/floatingactionbutton/positioning#offset)).
|
|
8
|
-
*
|
|
9
|
-
* @example
|
|
10
|
-
* ```typescript
|
|
11
|
-
* const offset: FabOffset = { x: '10px', y: '20px' };
|
|
12
|
-
* ```
|
|
13
|
-
*/
|
|
14
|
-
export interface FabOffset {
|
|
15
|
-
/**
|
|
16
|
-
* Defines the horizontal offset of the FloatingActionButton.
|
|
17
|
-
*/
|
|
18
|
-
x: string;
|
|
19
|
-
/**
|
|
20
|
-
* Defines the vertical offset of the FloatingActionButton.
|
|
21
|
-
*/
|
|
22
|
-
y: string;
|
|
23
|
-
}
|
|
@@ -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
|
-
* Specifies the `positionMode` of the FloatingActionButton
|
|
7
|
-
* ([see example](https://www.telerik.com/kendo-angular-ui/components/buttons/floatingactionbutton/positioning#position-mode)).
|
|
8
|
-
*
|
|
9
|
-
* The possible values are:
|
|
10
|
-
* - `absolute`—Positions the FloatingActionButton absolutely to its first positioned parent element.
|
|
11
|
-
* - `fixed` (Default)—Positions the FloatingActionButton relative to the viewport. It remains in the same place even when the page scrolls.
|
|
12
|
-
*/
|
|
13
|
-
export type FabPositionMode = 'absolute' | 'fixed';
|
|
@@ -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 that defines the content of a dial item.
|
|
9
|
-
* To define the template, nest an `<ng-template>` tag with the `kendoDialItemTemplate` directive inside the `<kendo-floatingactionbutton>` tag
|
|
10
|
-
*([see example](https://www.telerik.com/kendo-angular-ui/components/buttons/floatingactionbutton/templates#dial-item-template)).
|
|
11
|
-
*
|
|
12
|
-
* @example
|
|
13
|
-
* ```html
|
|
14
|
-
* <kendo-floatingactionbutton>
|
|
15
|
-
* <ng-template kendoDialItemTemplate let-item="item">
|
|
16
|
-
* {{ item.label }}
|
|
17
|
-
* </ng-template>
|
|
18
|
-
* </kendo-floatingactionbutton>
|
|
19
|
-
* ```
|
|
20
|
-
*/
|
|
21
|
-
export declare class DialItemTemplateDirective {
|
|
22
|
-
templateRef: TemplateRef<any>;
|
|
23
|
-
constructor(templateRef: TemplateRef<any>);
|
|
24
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DialItemTemplateDirective, [{ optional: true; }]>;
|
|
25
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<DialItemTemplateDirective, "[kendoDialItemTemplate]", never, {}, {}, never, never, true, never>;
|
|
26
|
-
}
|
|
@@ -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 { TemplateRef } from '@angular/core';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
/**
|
|
8
|
-
* Represents a template that defines the content of the FloatingActionButton.
|
|
9
|
-
* To define the template, nest an `<ng-template>` tag with the `kendoFloatingActionButtonTemplate` directive inside the `<kendo-floatingactionbutton>` tag
|
|
10
|
-
*
|
|
11
|
-
* ([see example](https://www.telerik.com/kendo-angular-ui/components/buttons/floatingactionbutton/templates#floatingactionbutton-template)).
|
|
12
|
-
*
|
|
13
|
-
* @example
|
|
14
|
-
* ```html
|
|
15
|
-
* <kendo-floatingactionbutton>
|
|
16
|
-
* <ng-template kendoFloatingActionButtonTemplate>
|
|
17
|
-
* Custom Content
|
|
18
|
-
* </ng-template>
|
|
19
|
-
* </kendo-floatingactionbutton>
|
|
20
|
-
* ```
|
|
21
|
-
*/
|
|
22
|
-
export declare class FloatingActionButtonTemplateDirective {
|
|
23
|
-
templateRef: TemplateRef<any>;
|
|
24
|
-
constructor(templateRef: TemplateRef<any>);
|
|
25
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<FloatingActionButtonTemplateDirective, [{ optional: true; }]>;
|
|
26
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<FloatingActionButtonTemplateDirective, "[kendoFloatingActionButtonTemplate]", never, {}, {}, never, never, true, never>;
|
|
27
|
-
}
|
|
@@ -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 function getAnchorAlign(fabAlign: any, rtl?: boolean): any;
|
|
9
|
-
/**
|
|
10
|
-
* @hidden
|
|
11
|
-
*/
|
|
12
|
-
export declare function getPopupAlign(fabAlign: any, rtl?: boolean): any;
|
|
@@ -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 { EventEmitter } from '@angular/core';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
/**
|
|
8
|
-
* @hidden
|
|
9
|
-
*/
|
|
10
|
-
export declare class FocusService {
|
|
11
|
-
onFocus: EventEmitter<number>;
|
|
12
|
-
focusedIndex: number;
|
|
13
|
-
isFocused(index: number): boolean;
|
|
14
|
-
focus(index: number): void;
|
|
15
|
-
resetFocus(): void;
|
|
16
|
-
get focused(): number;
|
|
17
|
-
set focused(index: number);
|
|
18
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<FocusService, never>;
|
|
19
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<FocusService>;
|
|
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 { ElementRef, OnDestroy, Renderer2, OnInit } from '@angular/core';
|
|
6
|
-
import { FocusService } from './focus.service';
|
|
7
|
-
import * as i0 from "@angular/core";
|
|
8
|
-
/**
|
|
9
|
-
* @hidden
|
|
10
|
-
*/
|
|
11
|
-
export declare class FocusableDirective implements OnInit, OnDestroy {
|
|
12
|
-
private focusService;
|
|
13
|
-
private renderer;
|
|
14
|
-
index: number;
|
|
15
|
-
private element;
|
|
16
|
-
private subs;
|
|
17
|
-
constructor(focusService: FocusService, elementRef: ElementRef, renderer: Renderer2);
|
|
18
|
-
ngOnInit(): void;
|
|
19
|
-
/**
|
|
20
|
-
* @hidden
|
|
21
|
-
*/
|
|
22
|
-
ngOnDestroy(): void;
|
|
23
|
-
private subscribeEvents;
|
|
24
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<FocusableDirective, never>;
|
|
25
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<FocusableDirective, "[kendoButtonFocusable]", never, { "index": { "alias": "index"; "required": false; }; }, {}, never, never, true, never>;
|
|
26
|
-
}
|
|
@@ -1,38 +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
|
-
* Renders the list item content.
|
|
9
|
-
*
|
|
10
|
-
* To define the item template, nest a `<ng-template>` tag with the `kendo<ComponentName>ItemTemplate` directive inside the component tag.
|
|
11
|
-
*
|
|
12
|
-
* - Use the `kendoDropDownButtonItemTemplate` directive for the DropDownButton.
|
|
13
|
-
* - Use the `kendoSplitButtonItemTemplate` directive for the SplitButton.
|
|
14
|
-
*
|
|
15
|
-
* The template context is set to the current component. Use the `let-dataItem` directive to reference the current data item.
|
|
16
|
-
*
|
|
17
|
-
* @example
|
|
18
|
-
* ```html
|
|
19
|
-
* <kendo-splitbutton [data]="listItems">
|
|
20
|
-
* <ng-template kendoSplitButtonItemTemplate let-dataItem>
|
|
21
|
-
* <span>{{dataItem}} option</span>
|
|
22
|
-
* </ng-template>
|
|
23
|
-
* </kendo-splitbutton>
|
|
24
|
-
* <kendo-dropdownbutton [data]="listItems">
|
|
25
|
-
* <ng-template kendoDropDownButtonItemTemplate let-dataItem>
|
|
26
|
-
* <span>{{dataItem}} option</span>
|
|
27
|
-
* </ng-template>
|
|
28
|
-
* </kendo-dropdownbutton>
|
|
29
|
-
* ```
|
|
30
|
-
*
|
|
31
|
-
* For more examples, refer to the article on the [DropDownButton templates](https://www.telerik.com/kendo-angular-ui/components/buttons/dropdownbutton/items-and-templates).
|
|
32
|
-
*/
|
|
33
|
-
export declare class ButtonItemTemplateDirective {
|
|
34
|
-
templateRef: TemplateRef<any>;
|
|
35
|
-
constructor(templateRef: TemplateRef<any>);
|
|
36
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ButtonItemTemplateDirective, never>;
|
|
37
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<ButtonItemTemplateDirective, "[kendoDropDownButtonItemTemplate],[kendoSplitButtonItemTemplate]", never, {}, {}, never, never, true, never>;
|
|
38
|
-
}
|