@progress/kendo-angular-buttons 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.
Files changed (81) hide show
  1. package/fesm2022/progress-kendo-angular-buttons.mjs +117 -117
  2. package/index.d.ts +3280 -52
  3. package/package-metadata.mjs +2 -2
  4. package/package.json +11 -11
  5. package/button/button-settings.d.ts +0 -39
  6. package/button/button.component.d.ts +0 -200
  7. package/button/button.module.d.ts +0 -32
  8. package/button/button.service.d.ts +0 -17
  9. package/button/selection-settings.d.ts +0 -11
  10. package/buttongroup/buttongroup.component.d.ts +0 -103
  11. package/buttongroup/buttongroup.module.d.ts +0 -37
  12. package/buttons.module.d.ts +0 -46
  13. package/chip/chip-content-click-event-args.interface.d.ts +0 -18
  14. package/chip/chip-list-remove-event-args.interface.d.ts +0 -23
  15. package/chip/chip-list.component.d.ts +0 -105
  16. package/chip/chip-remove-event-args.interface.d.ts +0 -18
  17. package/chip/chip.component.d.ts +0 -204
  18. package/chip/chip.module.d.ts +0 -33
  19. package/chip/models/avatar-settings.interface.d.ts +0 -39
  20. package/chip/models/selection.d.ts +0 -13
  21. package/common/models/arrow-settings.d.ts +0 -22
  22. package/common/models/fillmode.d.ts +0 -12
  23. package/common/models/icon-position.d.ts +0 -10
  24. package/common/models/rounded.d.ts +0 -12
  25. package/common/models/size.d.ts +0 -24
  26. package/common/models/styling-classes.d.ts +0 -11
  27. package/common/models/theme-color.d.ts +0 -40
  28. package/common/models.d.ts +0 -11
  29. package/direction.d.ts +0 -8
  30. package/directives.d.ts +0 -173
  31. package/dropdownbutton/dropdownbutton.component.d.ts +0 -176
  32. package/dropdownbutton/dropdownbutton.module.d.ts +0 -36
  33. package/floatingactionbutton/animations/animations.d.ts +0 -13
  34. package/floatingactionbutton/dial-item.component.d.ts +0 -36
  35. package/floatingactionbutton/dial-list.component.d.ts +0 -27
  36. package/floatingactionbutton/floatingactionbutton.component.d.ts +0 -296
  37. package/floatingactionbutton/floatingactionbutton.module.d.ts +0 -34
  38. package/floatingactionbutton/models/align.d.ts +0 -33
  39. package/floatingactionbutton/models/item-animation.interface.d.ts +0 -25
  40. package/floatingactionbutton/models/item-click.event.d.ts +0 -25
  41. package/floatingactionbutton/models/item.interface.d.ts +0 -51
  42. package/floatingactionbutton/models/offset.d.ts +0 -23
  43. package/floatingactionbutton/models/position-mode.d.ts +0 -13
  44. package/floatingactionbutton/templates/dial-item-template.directive.d.ts +0 -26
  45. package/floatingactionbutton/templates/fab-template.directive.d.ts +0 -27
  46. package/floatingactionbutton/utils.d.ts +0 -12
  47. package/focusable/focus.service.d.ts +0 -20
  48. package/focusable/focusable.directive.d.ts +0 -26
  49. package/listbutton/button-item-template.directive.d.ts +0 -38
  50. package/listbutton/container.service.d.ts +0 -15
  51. package/listbutton/list-button.d.ts +0 -164
  52. package/listbutton/list-item-model.d.ts +0 -75
  53. package/listbutton/list.component.d.ts +0 -28
  54. package/listbutton/popup-settings.d.ts +0 -52
  55. package/navigation/key-events.d.ts +0 -12
  56. package/navigation/navigation-action.d.ts +0 -18
  57. package/navigation/navigation-config.d.ts +0 -15
  58. package/navigation/navigation.service.d.ts +0 -28
  59. package/package-metadata.d.ts +0 -9
  60. package/preventable-event.d.ts +0 -21
  61. package/segmentedcontrol/models.d.ts +0 -41
  62. package/segmentedcontrol/segmented-control.component.d.ts +0 -81
  63. package/segmentedcontrol/segmented-control.module.d.ts +0 -19
  64. package/smartpastebutton/models/form-field.d.ts +0 -40
  65. package/smartpastebutton/models/index.d.ts +0 -6
  66. package/smartpastebutton/models/service-settings.d.ts +0 -114
  67. package/smartpastebutton/smartpastebutton.component.d.ts +0 -175
  68. package/smartpastebutton/smartpastebutton.module.d.ts +0 -27
  69. package/smartpastebutton/utils.d.ts +0 -50
  70. package/speechtotextbutton/models/error-event.d.ts +0 -13
  71. package/speechtotextbutton/models/integration-mode.d.ts +0 -11
  72. package/speechtotextbutton/models/result-event.d.ts +0 -18
  73. package/speechtotextbutton/models/speechtotextbutton-settings.d.ts +0 -61
  74. package/speechtotextbutton/speechtotextbutton.component.d.ts +0 -187
  75. package/speechtotextbutton/speechtotextbutton.module.d.ts +0 -19
  76. package/splitbutton/localization/custom-messages.component.d.ts +0 -18
  77. package/splitbutton/localization/localized-messages.directive.d.ts +0 -16
  78. package/splitbutton/localization/messages.d.ts +0 -38
  79. package/splitbutton/splitbutton.component.d.ts +0 -284
  80. package/splitbutton/splitbutton.module.d.ts +0 -23
  81. 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`&mdash;Positions the FloatingActionButton absolutely to its first positioned parent element.
11
- * - `fixed` (Default)&mdash;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
- }