@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
package/index.d.ts CHANGED
@@ -2,56 +2,3284 @@
2
2
  * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
- export { ButtonComponent as ButtonDirective, ButtonComponent as Button, ButtonComponent } from './button/button.component';
6
- export { ButtonGroupComponent, ButtonGroupComponent as ButtonGroup } from './buttongroup/buttongroup.component';
7
- export { ButtonGroupSelection } from './button/selection-settings';
8
- export { ButtonSettings } from './button/button-settings';
9
- export { ButtonGroupModule } from './buttongroup/buttongroup.module';
10
- export { ButtonModule } from './button/button.module';
11
- export { ButtonsModule } from './buttons.module';
12
- export { KendoButtonService } from './button/button.service';
13
- export { SplitButtonComponent, SplitButtonComponent as SplitButton } from './splitbutton/splitbutton.component';
14
- export { SplitButtonModule } from './splitbutton/splitbutton.module';
15
- export { SplitButtonCustomMessagesComponent } from './splitbutton/localization/custom-messages.component';
16
- export { LocalizedSplitButtonMessagesDirective } from './splitbutton/localization/localized-messages.directive';
17
- export { DropDownButtonComponent, DropDownButtonComponent as DropDownButton } from './dropdownbutton/dropdownbutton.component';
18
- export { DropDownButtonModule } from './dropdownbutton/dropdownbutton.module';
19
- export { ListItemModel } from './listbutton/list-item-model';
20
- export { PopupSettings } from './listbutton/popup-settings';
21
- export { ButtonItemTemplateDirective } from './listbutton/button-item-template.directive';
22
- export { ListComponent } from './listbutton/list.component';
23
- export { ChipComponent } from './chip/chip.component';
24
- export { ChipListComponent } from './chip/chip-list.component';
25
- export { ChipModule } from './chip/chip.module';
26
- export { ChipListSelection } from './chip/models/selection';
27
- export { ChipRemoveEvent } from './chip/chip-remove-event-args.interface';
28
- export { ChipListRemoveEvent } from './chip/chip-list-remove-event-args.interface';
29
- export { ChipContentClickEvent } from './chip/chip-content-click-event-args.interface';
30
- export { ChipAvatarSettings } from './chip/models/avatar-settings.interface';
31
- export { FloatingActionButtonModule } from './floatingactionbutton/floatingactionbutton.module';
32
- export { FloatingActionButtonComponent } from './floatingactionbutton/floatingactionbutton.component';
33
- export { FloatingActionButtonTemplateDirective } from './floatingactionbutton/templates/fab-template.directive';
34
- export { DialItemTemplateDirective } from './floatingactionbutton/templates/dial-item-template.directive';
35
- export { DialItem } from './floatingactionbutton/models/item.interface';
36
- export { DialItemClickEvent } from './floatingactionbutton/models/item-click.event';
37
- export { DialItemAnimation } from './floatingactionbutton/models/item-animation.interface';
38
- export { FabAlign } from './floatingactionbutton/models/align';
39
- export { FabPositionMode } from './floatingactionbutton/models/position-mode';
40
- export { FabOffset } from './floatingactionbutton/models/offset';
41
- export { SpeechToTextButtonComponent } from './speechtotextbutton/speechtotextbutton.component';
42
- export { IntegrationMode } from './speechtotextbutton/models/integration-mode';
43
- export { SpeechToTextResultEvent } from './speechtotextbutton/models/result-event';
44
- export { SpeechToTextErrorEvent } from './speechtotextbutton/models/error-event';
45
- export { SpeechToTextButtonSettings } from './speechtotextbutton/models/speechtotextbutton-settings';
46
- export { SpeechToTextButtonModule } from './speechtotextbutton/speechtotextbutton.module';
47
- export { SmartPasteButtonComponent } from './smartpastebutton/smartpastebutton.component';
48
- export { SmartPasteButtonModule } from './smartpastebutton/smartpastebutton.module';
49
- export { SmartPasteFormField, SmartPasteType, SmartPasteAIRequestData, SmartPasteAIResponse, SmartPasteAIRequestOptions, SmartPasteRequestStartEvent, SmartPasteRequestEndEvent } from './smartpastebutton/models';
50
- export { SegmentedControlComponent } from './segmentedcontrol/segmented-control.component';
51
- export { SegmentedControlModule } from './segmentedcontrol/segmented-control.module';
52
- export { SegmentedItemSettings, SegmentedControlLayout, SegmentedControlSize } from './segmentedcontrol/models';
53
- export { ButtonSize, SplitButtonSize, DropDownButtonSize, FloatingActionButtonSize, ChipSize, ButtonRounded, ChipRounded, ButtonFillMode, ChipFillMode, ButtonThemeColor, ChipThemeColor, FloatingActionButtonThemeColor, ArrowIconSettings, ButtonIconPosition } from './common/models';
54
- export { FocusableDirective } from './focusable/focusable.directive';
55
- export { PreventableEvent } from './preventable-event';
5
+ import * as i0 from '@angular/core';
6
+ import { OnInit, OnDestroy, OnChanges, Renderer2, EventEmitter, ElementRef, NgZone, SimpleChanges, AfterContentChecked, AfterViewChecked, AfterContentInit, QueryList, TemplateRef, ViewContainerRef, ChangeDetectorRef, AfterViewInit, DoCheck } from '@angular/core';
7
+ import { Subject, Observable, Subscription } from 'rxjs';
8
+ import { SVGIcon as SVGIcon$1 } from '@progress/kendo-svg-icons';
9
+ import { LocalizationService, ComponentMessages } from '@progress/kendo-angular-l10n';
10
+ import { SVGIcon } from '@progress/kendo-angular-icons';
11
+ import { PopupRef, Align, PopupService } from '@progress/kendo-angular-popup';
12
+ import * as i12 from '@progress/kendo-angular-common';
13
+ import { MultiTabStop, PreventableEvent as PreventableEvent$1, ResizeSensorComponent, ToggleButtonTabStopDirective } from '@progress/kendo-angular-common';
56
14
  export { ToggleButtonTabStopDirective } from '@progress/kendo-angular-common';
57
- export * from './directives';
15
+ import { AnimationBuilder } from '@angular/animations';
16
+ import { HttpHeaders, HttpResponse, HttpClient } from '@angular/common/http';
17
+ import { ControlContainer } from '@angular/forms';
18
+ import { SmartPasteField } from '@progress/kendo-smartpaste-common';
19
+
20
+ /**
21
+ * @hidden
22
+ */
23
+ declare class KendoButtonService {
24
+ buttonClicked: Subject<ButtonComponent>;
25
+ buttonClicked$: Observable<ButtonComponent>;
26
+ click(button: ButtonComponent): void;
27
+ static ɵfac: i0.ɵɵFactoryDeclaration<KendoButtonService, never>;
28
+ static ɵprov: i0.ɵɵInjectableDeclaration<KendoButtonService>;
29
+ }
30
+
31
+ /**
32
+ * Specifies the possible sizes for the buttons.
33
+ */
34
+ type ButtonSize = 'xsmall' | 'small' | 'medium' | 'large';
35
+ /**
36
+ * Specifies the possible sizes for the Chip.
37
+ */
38
+ type ChipSize = 'small' | 'medium' | 'large';
39
+ /**
40
+ * Specifies the possible sizes for the SplitButton.
41
+ */
42
+ type SplitButtonSize = 'small' | 'medium' | 'large';
43
+ /**
44
+ * Specifies the possible sizes for the DropDownButton.
45
+ */
46
+ type DropDownButtonSize = 'small' | 'medium' | 'large';
47
+ /**
48
+ * Specifies the possible sizes for the FloatingActionButton.
49
+ */
50
+ type FloatingActionButtonSize = 'small' | 'medium' | 'large';
51
+
52
+ /**
53
+ * Specifies the possible theme colors for the buttons ([see examples](https://www.telerik.com/kendo-angular-ui/components/buttons/button/appearance#theme-colors)).
54
+ *
55
+ * The possible values are:
56
+ * * `base`&mdash;Applies the `base` theme color.
57
+ * * `primary`&mdash;Applies the `primary` theme color.
58
+ * * `secondary`&mdash;Applies the `secondary` theme color.
59
+ * * `tertiary`&mdash;Applies the `tertiary` theme color.
60
+ * * `info`&mdash;Applies the `info` theme color.
61
+ * * `success`&mdash;Applies the `success` theme color.
62
+ * * `warning`&mdash;Applies the `warning` theme color.
63
+ * * `error`&mdash;Applies the `error` theme color.
64
+ * * `inverse`&mdash;Applies the `inverse` theme color.
65
+ */
66
+ type ButtonThemeColor = 'base' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'inverse';
67
+ /**
68
+ * Specifies the possible theme colors for the Chip.
69
+ *
70
+ * The possible values are:
71
+ * * `base`&mdash;Applies the `base` theme color.
72
+ * * `info`&mdash;Applies the `info` theme color.
73
+ * * `success`&mdash;Applies the `success` theme color.
74
+ * * `warning`&mdash;Applies the `warning` theme color.
75
+ * * `error`&mdash;Applies the `error` theme color.
76
+ */
77
+ type ChipThemeColor = 'base' | 'info' | 'success' | 'warning' | 'error';
78
+ /**
79
+ * Specifies the possible theme colors for the FloatingActionButton component.
80
+ *
81
+ * The possible values are:
82
+ * * `base`&mdash;Applies the `base` theme color.
83
+ * * `primary`&mdash;Applies the `primary` theme color.
84
+ * * `secondary`&mdash;Applies the `secondary` theme color.
85
+ * * `tertiary`&mdash;Applies the `tertiary` theme color.
86
+ */
87
+ type FloatingActionButtonThemeColor = 'base' | 'primary' | 'secondary' | 'tertiary';
88
+
89
+ /**
90
+ * Specifies the possible `fillMode` options for the buttons.
91
+ */
92
+ type ButtonFillMode = 'solid' | 'flat' | 'outline' | 'link' | 'clear';
93
+ /**
94
+ * Specifies the possible `fillMode` options for the Chip.
95
+ */
96
+ type ChipFillMode = 'solid' | 'outline';
97
+
98
+ /**
99
+ * Specifies the possible rounded options for the buttons.
100
+ */
101
+ type ButtonRounded = 'small' | 'medium' | 'large' | 'full' | 'none';
102
+ /**
103
+ * Specifies the possible rounded options for the Chip.
104
+ */
105
+ type ChipRounded = 'small' | 'medium' | 'large' | 'full' | 'none';
106
+
107
+ /**
108
+ * Customizes the DropDownButton arrow icon.
109
+ */
110
+ interface ArrowIconSettings {
111
+ /**
112
+ * Specifies the Kendo font icon to replace the default arrow-down icon.
113
+ */
114
+ icon?: string;
115
+ /**
116
+ * Specifies the custom font icon class to replace the default arrow-down icon.
117
+ */
118
+ iconClass?: string;
119
+ /**
120
+ * Specifies the SVG icon to replace the default arrow-down SVG icon.
121
+ */
122
+ svgIcon?: SVGIcon;
123
+ }
124
+
125
+ /**
126
+ * Defines the position of the icon relative to the button text.
127
+ *
128
+ * @hidden
129
+ */
130
+ type ButtonIconPosition = 'start' | 'end';
131
+
132
+ /**
133
+ * Represents the Kendo UI Button component for Angular.
134
+ *
135
+ * As of package v17, the `span[kendoButton]` and `kendo-button` selectors are removed.
136
+ * Use the `button[kendoButton]` selector only.
137
+ *
138
+ * @example
139
+ * ```html
140
+ * <button kendoButton [icon]="'save'" [themeColor]="'primary'">Save</button>
141
+ * ```
142
+ */
143
+ declare class ButtonComponent implements OnInit, OnDestroy, OnChanges {
144
+ renderer: Renderer2;
145
+ private service;
146
+ private ngZone;
147
+ /**
148
+ * @hidden
149
+ * @default false
150
+ * required for DropDownButton arrow icon.
151
+ */
152
+ arrowIcon: boolean | ArrowIconSettings;
153
+ /**
154
+ * Adds visual styling to indicate when the Button is active.
155
+ *
156
+ * @default false
157
+ */
158
+ toggleable: boolean;
159
+ /**
160
+ * Backwards-compatible alias
161
+ *
162
+ * @hidden
163
+ */
164
+ get togglable(): boolean;
165
+ /**
166
+ * @hidden
167
+ */
168
+ set togglable(value: boolean);
169
+ /**
170
+ * Sets the selected state of the Button.
171
+ * Use with the `toggleable` property.
172
+ *
173
+ * @default false
174
+ */
175
+ get selected(): boolean;
176
+ set selected(value: boolean);
177
+ /**
178
+ * @hidden
179
+ */
180
+ set tabIndex(index: number);
181
+ get tabIndex(): number;
182
+ /**
183
+ * Specifies a URL for an `img` element inside the Button.
184
+ * The URL can be relative or absolute. If relative, it is evaluated with relation to the web page URL.
185
+ */
186
+ imageUrl: string;
187
+ /**
188
+ * Sets the icon position relative to the button text.
189
+ * @hidden
190
+ * @default 'start'
191
+ */
192
+ iconPosition: ButtonIconPosition;
193
+ /**
194
+ * Defines a CSS class, or multiple classes separated by spaces applied to a `span` element inside the Button. Use the `iconClass` to add custom icons.
195
+ */
196
+ set iconClass(value: string);
197
+ get iconClass(): string;
198
+ /**
199
+ * Sets the name of an existing font icon in the Kendo UI theme.
200
+ */
201
+ set icon(name: string);
202
+ get icon(): string;
203
+ /**
204
+ * When `true`, disables the Button and prevents user interaction.
205
+ *
206
+ * @default false
207
+ */
208
+ set disabled(disabled: boolean);
209
+ get disabled(): boolean;
210
+ /**
211
+ * Sets the padding of the Button.
212
+ * See [Button Appearance](https://www.telerik.com/kendo-angular-ui/components/buttons/button/appearance#size). The default value is set by the Kendo theme.
213
+ */
214
+ set size(size: ButtonSize);
215
+ get size(): ButtonSize;
216
+ /**
217
+ * Sets the border radius of the Button.
218
+ * See [Button Appearance](https://www.telerik.com/kendo-angular-ui/components/buttons/button/appearance#roundness). The default value is set by the Kendo theme.
219
+ */
220
+ set rounded(rounded: ButtonRounded);
221
+ get rounded(): ButtonRounded;
222
+ /**
223
+ * Sets the background and border styles of the Button.
224
+ * See [Button Appearance](https://www.telerik.com/kendo-angular-ui/components/buttons/button/appearance#fill-mode). The default value is set by the Kendo theme.
225
+ */
226
+ set fillMode(fillMode: ButtonFillMode);
227
+ get fillMode(): ButtonFillMode;
228
+ /**
229
+ * Sets a predefined theme color for the Button.
230
+ * The theme color applies as a background and border color and adjusts the text color.
231
+ * See [Button Appearance](https://www.telerik.com/kendo-angular-ui/components/buttons/button/appearance#theme-colors). The default value is set by the Kendo theme.
232
+ */
233
+ set themeColor(themeColor: ButtonThemeColor);
234
+ get themeColor(): ButtonThemeColor;
235
+ /**
236
+ * Sets an SVG icon to display inside the Button.
237
+ */
238
+ set svgIcon(icon: SVGIcon$1);
239
+ get svgIcon(): SVGIcon$1;
240
+ /**
241
+ * Fires when the selected state of a toggleable button changes.
242
+ * The event argument is the new selected state (`boolean`).
243
+ */
244
+ selectedChange: EventEmitter<any>;
245
+ /**
246
+ * Fires when the user clicks the Button.
247
+ */
248
+ click: EventEmitter<any>;
249
+ element: HTMLElement;
250
+ isDisabled: boolean;
251
+ chevronDownIcon: SVGIcon$1;
252
+ private _size;
253
+ private _rounded;
254
+ private _fillMode;
255
+ private _themeColor;
256
+ private _focused;
257
+ private direction;
258
+ private _selected;
259
+ private subs;
260
+ private _iconClass;
261
+ private _icon;
262
+ private _svgIcon;
263
+ set isFocused(isFocused: boolean);
264
+ get isFocused(): boolean;
265
+ get iconButtonClass(): boolean;
266
+ get classDisabled(): boolean;
267
+ get classActive(): boolean;
268
+ get getDirection(): string;
269
+ /**
270
+ * @hidden
271
+ */
272
+ onFocus(): void;
273
+ /**
274
+ * @hidden
275
+ */
276
+ onBlur(): void;
277
+ /**
278
+ * Alias for ElementRef.nativeElement to workaround
279
+ * ViewChild() selectors that used to return the host element before v11.
280
+ *
281
+ * @hidden
282
+ */
283
+ get nativeElement(): any;
284
+ constructor(element: ElementRef, renderer: Renderer2, service: KendoButtonService, localization: LocalizationService, ngZone: NgZone);
285
+ ngOnInit(): void;
286
+ ngOnChanges(change: SimpleChanges): void;
287
+ ngOnDestroy(): void;
288
+ /**
289
+ * @hidden
290
+ */
291
+ get hasText(): boolean;
292
+ /**
293
+ * Focuses the Button component.
294
+ */
295
+ focus(): void;
296
+ /**
297
+ * Removes focus from the Button component.
298
+ */
299
+ blur(): void;
300
+ /**
301
+ * @hidden
302
+ */
303
+ setAttribute(attribute: string, value: string): void;
304
+ /**
305
+ * @hidden
306
+ */
307
+ removeAttribute(attribute: string): void;
308
+ /**
309
+ * @hidden
310
+ *
311
+ * Internal setter that triggers selectedChange
312
+ */
313
+ setSelected(value: boolean): void;
314
+ private toggleAriaPressed;
315
+ private _onButtonClick;
316
+ private handleClasses;
317
+ private handleThemeColor;
318
+ static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, [null, null, { optional: true; }, null, null]>;
319
+ static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "button[kendoButton]", ["kendoButton"], { "arrowIcon": { "alias": "arrowIcon"; "required": false; }; "toggleable": { "alias": "toggleable"; "required": false; }; "togglable": { "alias": "togglable"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "imageUrl": { "alias": "imageUrl"; "required": false; }; "iconPosition": { "alias": "iconPosition"; "required": false; }; "iconClass": { "alias": "iconClass"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "size": { "alias": "size"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "fillMode": { "alias": "fillMode"; "required": false; }; "themeColor": { "alias": "themeColor"; "required": false; }; "svgIcon": { "alias": "svgIcon"; "required": false; }; }, { "selectedChange": "selectedChange"; "click": "click"; }, never, ["*"], true, never>;
320
+ }
321
+
322
+ /**
323
+ * Specifies the selection mode of the [ButtonGroup](https://www.telerik.com/kendo-angular-ui/components/buttons/api/buttongroupcomponent).
324
+ *
325
+ * - Use `'single'` to allow only one button to be selected at a time.
326
+ * - Use `'multiple'` to allow multiple buttons to be selected at the same time.
327
+ */
328
+ type ButtonGroupSelection = 'single' | 'multiple';
329
+
330
+ /**
331
+ * @hidden
332
+ */
333
+ declare class PreventableEvent {
334
+ private prevented;
335
+ /**
336
+ * Prevents the default action for a specified event.
337
+ * In this way, the source component suppresses the built-in behavior that follows the event.
338
+ */
339
+ preventDefault(): void;
340
+ /**
341
+ * If the event is prevented by any of its subscribers, returns `true`.
342
+ *
343
+ * @returns `true` if the default action was prevented. Otherwise, returns `false`.
344
+ */
345
+ isDefaultPrevented(): boolean;
346
+ }
347
+
348
+ /**
349
+ * Represents the Kendo UI ButtonGroup component for Angular.
350
+ *
351
+ * @example
352
+ * ```html
353
+ * <kendo-buttongroup>
354
+ * <button kendoButton>Left</button>
355
+ * <button kendoButton>Middle</button>
356
+ * <button kendoButton>Right</button>
357
+ * </kendo-buttongroup>
358
+ * ```
359
+ *
360
+ * @remarks
361
+ * Supported children components are: {@link ButtonComponent}.
362
+ */
363
+ declare class ButtonGroupComponent implements OnInit, OnDestroy, AfterContentChecked, AfterViewChecked, AfterContentInit {
364
+ private service;
365
+ private renderer;
366
+ private element;
367
+ /**
368
+ * To disable a specific button, set **only** its `disabled` property to `true`.
369
+ * If you also set the ButtonGroup `disabled` property, it takes precedence over
370
+ * the `disabled` properties of the underlying buttons and they are ignored.
371
+ */
372
+ disabled: boolean;
373
+ /**
374
+ * Sets the selection mode of the ButtonGroup.
375
+ *
376
+ * @default 'multiple'
377
+ */
378
+ selection: ButtonGroupSelection;
379
+ /**
380
+ * Sets the width of the ButtonGroup.
381
+ * When set, the buttons resize automatically to fill the full width of the group wrapper and acquire the same width.
382
+ */
383
+ width: string;
384
+ /**
385
+ * Specifies the [`tabIndex`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of the component.
386
+ *
387
+ * @default 0
388
+ */
389
+ set tabIndex(value: number);
390
+ get tabIndex(): number;
391
+ /**
392
+ * When set to `true`, the component is a single tab-stop,
393
+ * and focus moves through the inner buttons using the arrow keys.
394
+ *
395
+ * When set to `false`, the inner buttons are part of the natural tab sequence of the page.
396
+ *
397
+ * @default true
398
+ *
399
+ * @remarks
400
+ * This property is related to accessibility.
401
+ */
402
+ navigable: boolean;
403
+ /**
404
+ * Fires every time keyboard navigation occurs within the ButtonGroup.
405
+ */
406
+ navigate: EventEmitter<PreventableEvent>;
407
+ buttons: QueryList<ButtonComponent>;
408
+ private _tabIndex;
409
+ private currentTabIndex;
410
+ private lastFocusedIndex;
411
+ private direction;
412
+ private subs;
413
+ wrapperClasses: boolean;
414
+ get disabledClass(): boolean;
415
+ get stretchedClass(): boolean;
416
+ role: string;
417
+ get dir(): string;
418
+ get ariaDisabled(): boolean;
419
+ get wrapperWidth(): string;
420
+ get wrapperTabIndex(): number;
421
+ constructor(service: KendoButtonService, localization: LocalizationService, renderer: Renderer2, element: ElementRef);
422
+ ngOnInit(): void;
423
+ ngOnChanges(changes: SimpleChanges): void;
424
+ ngAfterContentInit(): void;
425
+ ngAfterViewChecked(): void;
426
+ ngOnDestroy(): void;
427
+ ngAfterContentChecked(): void;
428
+ protected navigateFocus(event: KeyboardEvent): void;
429
+ protected deactivate(buttons: Array<ButtonComponent>): void;
430
+ protected activate(buttons: Array<ButtonComponent>): void;
431
+ protected defocus(buttons: Array<ButtonComponent>): void;
432
+ protected focus(buttons: Array<ButtonComponent>): void;
433
+ private verifySettings;
434
+ private isSelectionSingle;
435
+ private handleSubs;
436
+ private focusHandler;
437
+ static ɵfac: i0.ɵɵFactoryDeclaration<ButtonGroupComponent, never>;
438
+ static ɵcmp: i0.ɵɵComponentDeclaration<ButtonGroupComponent, "kendo-buttongroup", ["kendoButtonGroup"], { "disabled": { "alias": "disabled"; "required": false; }; "selection": { "alias": "selection"; "required": false; }; "width": { "alias": "width"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "navigable": { "alias": "navigable"; "required": false; }; }, { "navigate": "navigate"; }, ["buttons"], ["[kendoButton]"], true, never>;
439
+ }
440
+
441
+ /**
442
+ * Defines the settings for the Button.
443
+ */
444
+ interface ButtonSettings {
445
+ /**
446
+ * When `true`, disables the Button and prevents user interaction.
447
+ */
448
+ disabled?: boolean;
449
+ /**
450
+ * Sets the background and border styles of the Button.
451
+ */
452
+ fillMode?: ButtonFillMode;
453
+ /**
454
+ * Sets the border radius of the Button.
455
+ */
456
+ rounded?: ButtonRounded;
457
+ /**
458
+ * Sets the padding of the Button.
459
+ */
460
+ size?: ButtonSize;
461
+ /**
462
+ * Sets a predefined theme color for the Button. The theme color applies as a background and border color and adjusts the text color.
463
+ */
464
+ themeColor?: ButtonThemeColor;
465
+ /**
466
+ * Sets the name of an existing font icon in the Kendo UI theme.
467
+ */
468
+ icon?: string;
469
+ /**
470
+ * Sets an SVG icon to display inside the Button.
471
+ */
472
+ svgIcon?: SVGIcon$1;
473
+ }
474
+
475
+ /**
476
+ * Represents the [NgModule](link:site.data.urls.angular['ngmodules'])
477
+ * definition for the ButtonGroup directive.
478
+ *
479
+ * Required for adding ButtonGroup features in NgModule-based Angular applications.
480
+ *
481
+ * The package exports:
482
+ * - `ButtonGroupComponent`&mdash;The ButtonGroup component class.
483
+ * - `ButtonComponent`&mdash;The Button component class.
484
+ *
485
+ * @example
486
+ * ```typescript
487
+ * import { ButtonGroupModule } from '@progress/kendo-angular-buttons';
488
+ * import { NgModule } from '@angular/core';
489
+ * import { BrowserModule } from '@angular/platform-browser';
490
+ * import { AppComponent } from './app.component';
491
+ *
492
+ * @NgModule({
493
+ * declarations: [AppComponent],
494
+ * imports: [BrowserModule, ButtonGroupModule],
495
+ * bootstrap: [AppComponent]
496
+ * })
497
+ * export class AppModule {}
498
+ * ```
499
+ */
500
+ declare class ButtonGroupModule {
501
+ static ɵfac: i0.ɵɵFactoryDeclaration<ButtonGroupModule, never>;
502
+ static ɵmod: i0.ɵɵNgModuleDeclaration<ButtonGroupModule, never, [typeof ButtonComponent, typeof ButtonGroupComponent], [typeof ButtonComponent, typeof ButtonGroupComponent]>;
503
+ static ɵinj: i0.ɵɵInjectorDeclaration<ButtonGroupModule>;
504
+ }
505
+
506
+ /**
507
+ * Represents the [NgModule](link:site.data.urls.angular['ngmodules'])
508
+ * definition for the Button directive.
509
+ *
510
+ * Required for adding Button features in NgModule-based Angular applications.
511
+ *
512
+ * @example
513
+ * ```typescript
514
+ * import { ButtonModule } from '@progress/kendo-angular-buttons';
515
+ * import { NgModule } from '@angular/core';
516
+ * import { BrowserModule } from '@angular/platform-browser';
517
+ * import { AppComponent } from './app.component';
518
+ *
519
+ * @NgModule({
520
+ * declarations: [AppComponent],
521
+ * imports: [BrowserModule, ButtonModule],
522
+ * bootstrap: [AppComponent]
523
+ * })
524
+ * export class AppModule {}
525
+ * ```
526
+ */
527
+ declare class ButtonModule {
528
+ static ɵfac: i0.ɵɵFactoryDeclaration<ButtonModule, never>;
529
+ static ɵmod: i0.ɵɵNgModuleDeclaration<ButtonModule, never, [typeof ButtonComponent], [typeof ButtonComponent]>;
530
+ static ɵinj: i0.ɵɵInjectorDeclaration<ButtonModule>;
531
+ }
532
+
533
+ /**
534
+ * Renders the list item content.
535
+ *
536
+ * To define the item template, nest a `<ng-template>` tag with the `kendo<ComponentName>ItemTemplate` directive inside the component tag.
537
+ *
538
+ * - Use the `kendoDropDownButtonItemTemplate` directive for the DropDownButton.
539
+ * - Use the `kendoSplitButtonItemTemplate` directive for the SplitButton.
540
+ *
541
+ * The template context is set to the current component. Use the `let-dataItem` directive to reference the current data item.
542
+ *
543
+ * @example
544
+ * ```html
545
+ * <kendo-splitbutton [data]="listItems">
546
+ * <ng-template kendoSplitButtonItemTemplate let-dataItem>
547
+ * <span>{{dataItem}} option</span>
548
+ * </ng-template>
549
+ * </kendo-splitbutton>
550
+ * <kendo-dropdownbutton [data]="listItems">
551
+ * <ng-template kendoDropDownButtonItemTemplate let-dataItem>
552
+ * <span>{{dataItem}} option</span>
553
+ * </ng-template>
554
+ * </kendo-dropdownbutton>
555
+ * ```
556
+ *
557
+ * For more examples, refer to the article on the [DropDownButton templates](https://www.telerik.com/kendo-angular-ui/components/buttons/dropdownbutton/items-and-templates).
558
+ */
559
+ declare class ButtonItemTemplateDirective {
560
+ templateRef: TemplateRef<any>;
561
+ constructor(templateRef: TemplateRef<any>);
562
+ static ɵfac: i0.ɵɵFactoryDeclaration<ButtonItemTemplateDirective, never>;
563
+ static ɵdir: i0.ɵɵDirectiveDeclaration<ButtonItemTemplateDirective, "[kendoDropDownButtonItemTemplate],[kendoSplitButtonItemTemplate]", never, {}, {}, never, never, true, never>;
564
+ }
565
+
566
+ /**
567
+ * @hidden
568
+ */
569
+ type Direction = 'ltr' | 'rtl';
570
+
571
+ /**
572
+ * Configures the popup settings.
573
+ *
574
+ * @example
575
+ * ```ts
576
+ * @Component({
577
+ * selector: 'my-app',
578
+ * template: `
579
+ * <kendo-splitbutton [data]="items" [popupSettings]="popupSettings">
580
+ * SplitButton
581
+ * </kendo-splitbutton>
582
+ * `
583
+ * })
584
+ * class AppComponent {
585
+ * public popupSettings: PopupSettings = {
586
+ * popupClass: 'customClass',
587
+ * align: 'center',
588
+ * };
589
+ * public items: Array<any> = [{
590
+ * text: 'item1'
591
+ * }, {
592
+ * text: 'item2'
593
+ * }];
594
+ * }
595
+ * ```
596
+ */
597
+ interface PopupSettings {
598
+ /**
599
+ * Enables or disables the popup animation.
600
+ * By default, the open and close animations are enabled.
601
+ */
602
+ animate?: boolean;
603
+ /**
604
+ * Specifies CSS classes for styling the popup.
605
+ */
606
+ popupClass?: string | string[] | object | Set<string>;
607
+ /**
608
+ * Specifies the container for the popup.
609
+ * By default, the popup is appended to the root component.
610
+ */
611
+ appendTo?: 'root' | 'component' | ViewContainerRef;
612
+ /**
613
+ * Specifies the alignment of the popup.
614
+ * By default, the popup is left-aligned.
615
+ */
616
+ align?: 'left' | 'center' | 'right';
617
+ }
618
+
619
+ /**
620
+ * @hidden
621
+ */
622
+ declare class FocusService {
623
+ onFocus: EventEmitter<number>;
624
+ focusedIndex: number;
625
+ isFocused(index: number): boolean;
626
+ focus(index: number): void;
627
+ resetFocus(): void;
628
+ get focused(): number;
629
+ set focused(index: number);
630
+ static ɵfac: i0.ɵɵFactoryDeclaration<FocusService, never>;
631
+ static ɵprov: i0.ɵɵInjectableDeclaration<FocusService>;
632
+ }
633
+
634
+ /**
635
+ * @hidden
636
+ */
637
+ declare enum KeyEvents {
638
+ keydown = 0,
639
+ keypress = 1,
640
+ keyup = 2
641
+ }
642
+
643
+ /**
644
+ * @hidden
645
+ */
646
+ declare enum NavigationAction {
647
+ Undefined = 0,
648
+ Open = 1,
649
+ Close = 2,
650
+ Enter = 3,
651
+ EnterPress = 4,
652
+ EnterUp = 5,
653
+ Tab = 6,
654
+ Esc = 7,
655
+ Navigate = 8
656
+ }
657
+
658
+ /**
659
+ * @hidden
660
+ */
661
+ interface NavigationConfig {
662
+ useLeftRightArrows: boolean;
663
+ }
664
+
665
+ /**
666
+ * @hidden
667
+ */
668
+ declare class NavigationService {
669
+ navigate: EventEmitter<number>;
670
+ open: EventEmitter<any>;
671
+ close: EventEmitter<any>;
672
+ enter: EventEmitter<any>;
673
+ enterpress: EventEmitter<any>;
674
+ enterup: EventEmitter<any>;
675
+ tab: EventEmitter<any>;
676
+ esc: EventEmitter<any>;
677
+ useLeftRightArrows: boolean;
678
+ constructor(config: NavigationConfig);
679
+ process(args: any): NavigationAction;
680
+ private isEnterOrSpace;
681
+ private next;
682
+ static ɵfac: i0.ɵɵFactoryDeclaration<NavigationService, never>;
683
+ static ɵprov: i0.ɵɵInjectableDeclaration<NavigationService>;
684
+ }
685
+
686
+ /**
687
+ * @hidden
688
+ */
689
+ declare class PopupContainerService {
690
+ container: ViewContainerRef;
691
+ template: TemplateRef<any>;
692
+ static ɵfac: i0.ɵɵFactoryDeclaration<PopupContainerService, never>;
693
+ static ɵprov: i0.ɵɵInjectableDeclaration<PopupContainerService>;
694
+ }
695
+
696
+ /**
697
+ * Represents the item models of the Kendo UI DropDownButton and SplitButton components. These are the interface fields that the items use.
698
+ *
699
+ * @example
700
+ *
701
+ * ```typescript
702
+ * @Component({
703
+ * selector: 'my-app',
704
+ * template: `
705
+ * <kendo-splitbutton [data]="items">SplitButton</kendo-splitbutton>
706
+ * `
707
+ * })
708
+ * class AppComponent {
709
+ * public items: ListItemModel[] = [{
710
+ * text: 'item1',
711
+ * icon: 'arrow-rotate-cw',
712
+ * click: (dataItem: any) => {
713
+ * //action
714
+ * }
715
+ * }, {
716
+ * text: 'item2',
717
+ * iconClass: 'test icon class',
718
+ * click: (dataItem: any) => {
719
+ * //action
720
+ * }
721
+ * }]
722
+ * }
723
+ * ```
724
+ */
725
+ interface ListItemModel {
726
+ /**
727
+ * Sets the text of the item.
728
+ */
729
+ text?: string;
730
+ /**
731
+ * Defines an icon rendered next to the title.
732
+ */
733
+ icon?: string;
734
+ /**
735
+ * Defines an [SVGIcon](https://www.telerik.com/kendo-angular-ui/components/icons/api/svgicon) rendered next to the title.
736
+ */
737
+ svgIcon?: SVGIcon$1;
738
+ /**
739
+ * Defines an icon with a custom CSS class rendered next to the title.
740
+ */
741
+ iconClass?: string;
742
+ /**
743
+ * Specifies the location of an image displayed next to the title.
744
+ */
745
+ imageUrl?: string;
746
+ /**
747
+ * Specifies the value of the image element `alt` attribute.
748
+ *
749
+ * @remarks
750
+ * This option is related to accessibility.
751
+ */
752
+ imageAlt?: string;
753
+ /**
754
+ * Disables the button list item when set to `true`.
755
+ */
756
+ disabled?: boolean;
757
+ /**
758
+ * Specifies the CSS classes rendered on the item element. Supports the same values as `ngClass`.
759
+ */
760
+ cssClass?: any;
761
+ /**
762
+ * Emits an event when the item is clicked.
763
+ */
764
+ click?: (dataItem?: any) => void;
765
+ }
766
+
767
+ /**
768
+ * @hidden
769
+ */
770
+ declare class ListComponent {
771
+ data: Array<ListItemModel>;
772
+ textField: string;
773
+ itemTemplate: ButtonItemTemplateDirective;
774
+ onItemClick: EventEmitter<number>;
775
+ onItemBlur: EventEmitter<any>;
776
+ set size(size: ButtonSize);
777
+ sizeClass: string;
778
+ constructor();
779
+ getText(dataItem: any): any;
780
+ getIconClasses(dataItem: ListItemModel): any;
781
+ onClick(index: number): void;
782
+ onBlur(): void;
783
+ static ɵfac: i0.ɵɵFactoryDeclaration<ListComponent, never>;
784
+ static ɵcmp: i0.ɵɵComponentDeclaration<ListComponent, "kendo-button-list", never, { "data": { "alias": "data"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "onItemClick": "onItemClick"; "onItemBlur": "onItemBlur"; }, never, never, true, never>;
785
+ }
786
+
787
+ /**
788
+ * @hidden
789
+ */
790
+ declare class ListButton extends MultiTabStop implements OnDestroy {
791
+ protected focusService: FocusService;
792
+ protected navigationService: NavigationService;
793
+ protected wrapperRef: ElementRef;
794
+ private _zone;
795
+ private popupService;
796
+ private elRef;
797
+ protected cdr: ChangeDetectorRef;
798
+ protected containerService: PopupContainerService;
799
+ protected listId: string;
800
+ protected buttonId: string;
801
+ protected _data: any;
802
+ protected _open: boolean;
803
+ protected _disabled: boolean;
804
+ protected _active: boolean;
805
+ protected _popupSettings: PopupSettings;
806
+ protected _isFocused: boolean;
807
+ protected _itemClick: EventEmitter<any>;
808
+ protected _blur: EventEmitter<any>;
809
+ protected wrapper: HTMLElement;
810
+ protected subs: Subscription;
811
+ protected direction: Direction;
812
+ protected popupRef: PopupRef;
813
+ private popupSubs;
814
+ button: ElementRef<HTMLButtonElement>;
815
+ buttonList: ListComponent;
816
+ popupTemplate: TemplateRef<any>;
817
+ container: ViewContainerRef;
818
+ /**
819
+ * Sets the disabled state of the DropDownButton.
820
+ * When `true`, the button is disabled and cannot be interacted with.
821
+ */
822
+ set disabled(value: boolean);
823
+ get disabled(): boolean;
824
+ /**
825
+ * Specifies the [`tabIndex`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of the component.
826
+ * Determines the order of focus when navigating with the keyboard.
827
+ *
828
+ * @default 0
829
+ */
830
+ tabIndex: number;
831
+ /**
832
+ * The CSS classes applied to the main button.
833
+ * Supports the same values as [`ngClass`](link:site.data.urls.angular['ngclassapi']).
834
+ */
835
+ buttonClass: any;
836
+ /**
837
+ * Fires when the popup is about to open.
838
+ * This event is preventable. Canceling the event keeps the popup closed.
839
+ */
840
+ open: EventEmitter<PreventableEvent>;
841
+ /**
842
+ * Fires when the popup is about to close.
843
+ * This event is preventable. Canceling the event keeps the popup open.
844
+ */
845
+ close: EventEmitter<PreventableEvent>;
846
+ /**
847
+ * Needed by the kendoToggleButtonTabStop directive
848
+ *
849
+ * @hidden
850
+ */
851
+ escape: EventEmitter<any>;
852
+ /**
853
+ * @hidden
854
+ */
855
+ get componentTabIndex(): number;
856
+ private get appendTo();
857
+ /**
858
+ * Configures the popup of the DropDownButton.
859
+ */
860
+ set popupSettings(settings: PopupSettings);
861
+ get popupSettings(): PopupSettings;
862
+ /**
863
+ * @hidden
864
+ */
865
+ get anchorAlign(): Align;
866
+ /**
867
+ * @hidden
868
+ */
869
+ get popupAlign(): Align;
870
+ protected isClosePrevented: boolean;
871
+ constructor(focusService: FocusService, navigationService: NavigationService, wrapperRef: ElementRef, _zone: NgZone, popupService: PopupService, elRef: ElementRef, localization: LocalizationService, cdr: ChangeDetectorRef, containerService: PopupContainerService);
872
+ ngOnChanges(changes: SimpleChanges): void;
873
+ get popupClasses(): string;
874
+ get openState(): boolean;
875
+ /**
876
+ * @hidden
877
+ */
878
+ set openState(open: boolean);
879
+ /**
880
+ * Returns the current open state of the popup.
881
+ */
882
+ get isOpen(): boolean;
883
+ /**
884
+ * @hidden
885
+ */
886
+ togglePopupVisibility(): void;
887
+ /**
888
+ * @hidden
889
+ */
890
+ onItemClick(index: number): void;
891
+ ngOnDestroy(): void;
892
+ protected subscribeEvents(): void;
893
+ protected subscribeListItemFocusEvent(): void;
894
+ protected subscribeComponentBlurredEvent(): void;
895
+ protected subscribeNavigationEvents(): void;
896
+ /**
897
+ * Toggles the visibility of the popup.
898
+ * If the `toggle` method is used, the `open` and `close` events are not fired.
899
+ *
900
+ * @param open - The desired state of the popup.
901
+ */
902
+ toggle(open: boolean): void;
903
+ /**
904
+ * @hidden
905
+ */
906
+ keyDownHandler(event: any, isHost?: boolean): void;
907
+ /**
908
+ * @hidden
909
+ */
910
+ keyUpHandler(event: any): void;
911
+ /**
912
+ * @hidden
913
+ */
914
+ keyHandler(event: KeyboardEvent, keyEvent?: KeyEvents, isHost?: boolean): void;
915
+ protected emitItemClickHandler(index: number): void;
916
+ protected focusWrapper(): void;
917
+ protected wrapperContains(element: any): boolean;
918
+ protected blurWrapper(emit?: boolean): void;
919
+ protected focusButton(): void;
920
+ protected handleTab(): void;
921
+ protected onNavigationEnterUp(_args?: any): void;
922
+ protected onNavigationOpen(): void;
923
+ protected onNavigationClose(e?: any): void;
924
+ protected onArrowKeyNavigate({ index }: {
925
+ index: any;
926
+ }): void;
927
+ private _toggle;
928
+ private createPopup;
929
+ private destroyPopup;
930
+ static ɵfac: i0.ɵɵFactoryDeclaration<ListButton, never>;
931
+ static ɵcmp: i0.ɵɵComponentDeclaration<ListButton, "ng-component", never, { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "buttonClass": { "alias": "buttonClass"; "required": false; }; "popupSettings": { "alias": "popupSettings"; "required": false; }; }, { "open": "open"; "close": "close"; "escape": "escape"; }, never, never, true, never>;
932
+ }
933
+
934
+ /**
935
+ * Represents the Kendo UI DropDownButton component for Angular.
936
+ *
937
+ * Use the DropDownButton to display a button with a popup list of actions.
938
+ *
939
+ * @example
940
+ * ```ts
941
+ * @Component({
942
+ * selector: 'my-app',
943
+ * template: `
944
+ * <kendo-dropdownbutton [data]="data">
945
+ * User Settings
946
+ * </kendo-dropdownbutton>
947
+ * `
948
+ * })
949
+ * class AppComponent {
950
+ * public data: Array<any> = [
951
+ * { text: 'My Profile' },
952
+ * { text: 'Friend Requests' },
953
+ * { text: 'Account Settings' },
954
+ * { text: 'Support' },
955
+ * { text: 'Log Out' }
956
+ * ];
957
+ * }
958
+ * ```
959
+ */
960
+ declare class DropDownButtonComponent extends ListButton implements AfterViewInit, OnDestroy {
961
+ protected containerService: PopupContainerService;
962
+ private renderer;
963
+ /**
964
+ * Displays the default arrow icon or a custom one.
965
+ * @default false
966
+ */
967
+ arrowIcon: boolean | ArrowIconSettings;
968
+ /**
969
+ * Specifies the name of an existing icon in the Kendo UI theme.
970
+ */
971
+ icon: string;
972
+ /**
973
+ * Specifies an [`SVGIcon`](https://www.telerik.com/kendo-angular-ui/components/icons/api/svgicon) to render within the button.
974
+ */
975
+ svgIcon: SVGIcon$1;
976
+ /**
977
+ * Specifies a list of CSS classes for styling the button with custom icons.
978
+ */
979
+ iconClass: string;
980
+ /**
981
+ * Specifies a URL for styling the button with a custom image.
982
+ */
983
+ imageUrl: string;
984
+ /**
985
+ * Sets the data item field that represents the item text.
986
+ * If the data contains only primitive values, leave this undefined.
987
+ */
988
+ textField: string;
989
+ /**
990
+ * Sets or gets the data of the DropDownButton. Provide the data as an array-like list.
991
+ */
992
+ set data(data: any);
993
+ get data(): any;
994
+ /**
995
+ * Specifies the padding of the DropDownButton. See [DropDownButton Appearance](https://www.telerik.com/kendo-angular-ui/components/buttons/dropdownbutton/appearance#size). The default value is set by the Kendo theme.
996
+ */
997
+ size: DropDownButtonSize;
998
+ /**
999
+ * Specifies the border radius of the DropDownButton. See [DropDownButton Appearance](https://www.telerik.com/kendo-angular-ui/components/buttons/dropdownbutton/appearance#roundness). The default value is set by the Kendo theme.
1000
+ */
1001
+ rounded: ButtonRounded;
1002
+ /**
1003
+ * Specifies the background and border styles of the DropDownButton. See [DropDownButton Appearance](https://www.telerik.com/kendo-angular-ui/components/buttons/dropdownbutton/appearance#fill-mode). The default value is set by the Kendo theme.
1004
+ */
1005
+ set fillMode(fillMode: ButtonFillMode);
1006
+ get fillMode(): ButtonFillMode;
1007
+ /**
1008
+ * Specifies predefined theme colors for the DropDownButton. See [DropDownButton Appearance](https://www.telerik.com/kendo-angular-ui/components/buttons/dropdownbutton/appearance#theme-colors).
1009
+ */
1010
+ themeColor: ButtonThemeColor;
1011
+ /**
1012
+ * Sets attributes for the main button.
1013
+ */
1014
+ set buttonAttributes(buttonAttributes: {
1015
+ [key: string]: string;
1016
+ });
1017
+ get buttonAttributes(): {
1018
+ [key: string]: string;
1019
+ };
1020
+ /**
1021
+ * Fires when the user clicks a drop-down list item.
1022
+ * The event data contains the data item bound to the clicked list item.
1023
+ */
1024
+ itemClick: EventEmitter<any>;
1025
+ /**
1026
+ * Fires when the DropDownButton is focused.
1027
+ */
1028
+ onFocus: EventEmitter<any>;
1029
+ /**
1030
+ * Fires when the DropDownButton is blurred.
1031
+ */
1032
+ onBlur: EventEmitter<any>;
1033
+ get focused(): boolean;
1034
+ hostDisplayStyle: string;
1035
+ get dir(): Direction;
1036
+ /**
1037
+ * @hidden
1038
+ */
1039
+ get active(): boolean;
1040
+ itemTemplate: ButtonItemTemplateDirective;
1041
+ private _fillMode;
1042
+ private _buttonAttributes;
1043
+ private documentMouseUpSub;
1044
+ /**
1045
+ * @hidden
1046
+ */
1047
+ keydown(event: any): void;
1048
+ /**
1049
+ * @hidden
1050
+ */
1051
+ keyup(event: any): void;
1052
+ /**
1053
+ * @hidden
1054
+ */
1055
+ mousedown(event: any): void;
1056
+ /**
1057
+ * @hidden
1058
+ */
1059
+ mouseup(event: any): void;
1060
+ /**
1061
+ * @hidden
1062
+ */
1063
+ openPopup(): void;
1064
+ /**
1065
+ * @hidden
1066
+ */
1067
+ onButtonBlur(): void;
1068
+ /**
1069
+ * Focuses the DropDownButton.
1070
+ */
1071
+ focus(): void;
1072
+ /**
1073
+ * Blurs the DropDownButton.
1074
+ */
1075
+ blur(): void;
1076
+ constructor(focusService: FocusService, navigationService: NavigationService, wrapperRef: ElementRef, zone: NgZone, popupService: PopupService, elRef: ElementRef, localization: LocalizationService, cdr: ChangeDetectorRef, containerService: PopupContainerService, renderer: Renderer2);
1077
+ ngAfterViewInit(): void;
1078
+ /**
1079
+ * @hidden
1080
+ */
1081
+ handleFocus(event: FocusEvent): void;
1082
+ /**
1083
+ * @hidden
1084
+ */
1085
+ wrapperContains(element: any): boolean;
1086
+ private handleButtonAttributes;
1087
+ /**
1088
+ * @hidden
1089
+ */
1090
+ ngOnDestroy(): void;
1091
+ static ɵfac: i0.ɵɵFactoryDeclaration<DropDownButtonComponent, never>;
1092
+ static ɵcmp: i0.ɵɵComponentDeclaration<DropDownButtonComponent, "kendo-dropdownbutton", ["kendoDropDownButton"], { "arrowIcon": { "alias": "arrowIcon"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "svgIcon": { "alias": "svgIcon"; "required": false; }; "iconClass": { "alias": "iconClass"; "required": false; }; "imageUrl": { "alias": "imageUrl"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "data": { "alias": "data"; "required": false; }; "size": { "alias": "size"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "fillMode": { "alias": "fillMode"; "required": false; }; "themeColor": { "alias": "themeColor"; "required": false; }; "buttonAttributes": { "alias": "buttonAttributes"; "required": false; }; }, { "itemClick": "itemClick"; "onFocus": "focus"; "onBlur": "blur"; }, ["itemTemplate"], ["*"], true, never>;
1093
+ }
1094
+
1095
+ /**
1096
+ * Arguments for the `remove` event of the Chip.
1097
+ */
1098
+ interface ChipRemoveEvent {
1099
+ /**
1100
+ * The `ChipComponent` instance.
1101
+ */
1102
+ sender: ChipComponent;
1103
+ /**
1104
+ * The DOM event that triggered the `remove` event of the Chip.
1105
+ */
1106
+ originalEvent: any;
1107
+ }
1108
+
1109
+ /**
1110
+ * Arguments for the `contentClick` event of the Chip.
1111
+ */
1112
+ interface ChipContentClickEvent {
1113
+ /**
1114
+ * The `ChipComponent` instance.
1115
+ */
1116
+ sender: ChipComponent;
1117
+ /**
1118
+ * The DOM event that triggered the `contentClick` event of the Chip.
1119
+ */
1120
+ originalEvent: any;
1121
+ }
1122
+
1123
+ /**
1124
+ * Defines the configuration for the Chip avatar.
1125
+ */
1126
+ interface ChipAvatarSettings {
1127
+ /**
1128
+ * Sets the CSS styles for the wrapper element of the avatar.
1129
+ * Supports the types of values supported by [ngStyle](link:site.data.urls.angular['ngstyleapi']).
1130
+ */
1131
+ cssStyle?: any;
1132
+ /**
1133
+ * Sets the initials for the Chip avatar.
1134
+ */
1135
+ initials?: string;
1136
+ /**
1137
+ * Sets the CSS styles for the wrapper element of the avatar initials.
1138
+ * Supports the types of values supported by [ngStyle](link:site.data.urls.angular['ngstyleapi']).
1139
+ */
1140
+ initialsCssStyle?: any;
1141
+ /**
1142
+ * Sets the image source for the Chip avatar.
1143
+ */
1144
+ imageSrc?: string;
1145
+ /**
1146
+ * Sets the `alt` attribute for the Chip avatar image.
1147
+ *
1148
+ * @remarks
1149
+ * This option is related to accessibility.
1150
+ */
1151
+ imageAltText?: string;
1152
+ /**
1153
+ * Sets the CSS styles for the avatar image element.
1154
+ * Supports the types of values supported by [ngStyle](link:site.data.urls.angular['ngstyleapi']).
1155
+ */
1156
+ imageCssStyle?: any;
1157
+ }
1158
+
1159
+ /**
1160
+ * Displays a Chip that represents an input, attribute, or action.
1161
+ *
1162
+ * @example
1163
+ * ```html
1164
+ * <kendo-chip label="Chip Label"></kendo-chip>
1165
+ * ```
1166
+ */
1167
+ declare class ChipComponent implements OnInit, AfterViewInit, OnChanges {
1168
+ element: ElementRef;
1169
+ private renderer;
1170
+ private ngZone;
1171
+ private localizationService;
1172
+ /**
1173
+ * Sets the label text of the Chip.
1174
+ *
1175
+ * @remarks
1176
+ * This property is related to accessibility.
1177
+ */
1178
+ label: string;
1179
+ /**
1180
+ * Defines the name for an existing icon in a Kendo UI theme.
1181
+ * The icon is rendered inside the Chip by a `span.k-icon` element.
1182
+ */
1183
+ icon: string;
1184
+ /**
1185
+ * Defines an [`SVGIcon`](https://www.telerik.com/kendo-angular-ui/components/icons/api/svgicon) to render inside the Chip using
1186
+ * a [`KendoSVGIcon`](https://www.telerik.com/kendo-angular-ui/components/icons/api/svgiconcomponent) component.
1187
+ */
1188
+ svgIcon: SVGIcon$1;
1189
+ /**
1190
+ * Defines a CSS class, or multiple classes separated by spaces,
1191
+ * applied to a `span` element. Use the `iconClass` to add custom icons.
1192
+ */
1193
+ iconClass: string;
1194
+ /**
1195
+ * Use these settings to render an avatar within the Chip.
1196
+ */
1197
+ avatarSettings: ChipAvatarSettings;
1198
+ /**
1199
+ * Specifies the selected state of the Chip.
1200
+ * @default false
1201
+ */
1202
+ selected: boolean;
1203
+ /**
1204
+ * Specifies if the Chip is removable.
1205
+ * If set to `true`, the Chip renders a remove icon.
1206
+ * @default false
1207
+ */
1208
+ removable: boolean;
1209
+ /**
1210
+ * Specifies a custom remove font icon class to render when the Chip is removable.
1211
+ * [see example](https://www.telerik.com/kendo-angular-ui/components/styling/icons)
1212
+ */
1213
+ removeIcon: string;
1214
+ /**
1215
+ * Specifies a custom remove SVG icon to render when the Chip is removable.
1216
+ */
1217
+ removeSvgIcon: SVGIcon$1;
1218
+ /**
1219
+ * @hidden
1220
+ *
1221
+ * Determines whether the Chip has a menu.
1222
+ */
1223
+ hasMenu: boolean;
1224
+ /**
1225
+ * @hidden
1226
+ *
1227
+ * Specifies a custom menu font icon class to render when the Chip has a menu.
1228
+ */
1229
+ menuIcon: string;
1230
+ /**
1231
+ * @hidden
1232
+ *
1233
+ * Specifies a custom menu SVG icon to render when the Chip has a menu.
1234
+ */
1235
+ menuSvgIcon: SVGIcon$1;
1236
+ /**
1237
+ * If set to `true`, the Chip is disabled.
1238
+ * @default false
1239
+ */
1240
+ disabled: boolean;
1241
+ /**
1242
+ * Sets the padding of the Chip.
1243
+ * See [Chip Appearance](https://www.telerik.com/kendo-angular-ui/components/buttons/chip/appearance#size). The default value is set by the Kendo theme.
1244
+ */
1245
+ set size(size: ChipSize);
1246
+ get size(): ChipSize;
1247
+ /**
1248
+ * Sets the border radius of the Chip.
1249
+ * See [Chip Appearance](https://www.telerik.com/kendo-angular-ui/components/buttons/chip/appearance#roundness). The default value is set by the Kendo theme.
1250
+ */
1251
+ set rounded(rounded: ChipRounded);
1252
+ get rounded(): ChipRounded;
1253
+ /**
1254
+ * Sets the background and border styles of the Chip.
1255
+ * See [Chip Appearance](https://www.telerik.com/kendo-angular-ui/components/buttons/chip/appearance#fill-mode). The default value is set by the Kendo theme.
1256
+ */
1257
+ set fillMode(fillMode: ChipFillMode);
1258
+ get fillMode(): ChipFillMode;
1259
+ /**
1260
+ * Sets a predefined theme color for the Chip.
1261
+ * The theme color applies as a background and border color and adjusts the text color.
1262
+ * See [Chip Appearance](https://www.telerik.com/kendo-angular-ui/components/buttons/chip/appearance#theme-colors). The default value is set by the Kendo theme.
1263
+ */
1264
+ set themeColor(themeColor: ChipThemeColor);
1265
+ get themeColor(): ChipThemeColor;
1266
+ /**
1267
+ * Fires when the user clicks the remove icon of the Chip.
1268
+ */
1269
+ remove: EventEmitter<ChipRemoveEvent>;
1270
+ /**
1271
+ * @hidden
1272
+ *
1273
+ * Fires when the user clicks the menu icon of the Chip.
1274
+ */
1275
+ menuToggle: EventEmitter<ChipRemoveEvent>;
1276
+ /**
1277
+ * Fires when the user clicks the content of the Chip.
1278
+ */
1279
+ contentClick: EventEmitter<ChipContentClickEvent>;
1280
+ tabIndex: number;
1281
+ hostClass: boolean;
1282
+ get disabledClass(): boolean | null;
1283
+ get selectedClass(): boolean;
1284
+ get focusedClass(): boolean;
1285
+ /**
1286
+ * @hidden
1287
+ */
1288
+ direction: string;
1289
+ /**
1290
+ * @hidden
1291
+ */
1292
+ defaultRemoveIcon: SVGIcon$1;
1293
+ /**
1294
+ * @hidden
1295
+ */
1296
+ defaultMenuIcon: SVGIcon$1;
1297
+ /**
1298
+ * @hidden
1299
+ */
1300
+ sizeIsSet: boolean;
1301
+ private _size;
1302
+ private _rounded;
1303
+ private _fillMode;
1304
+ private _themeColor;
1305
+ private focused;
1306
+ private subs;
1307
+ constructor(element: ElementRef, renderer: Renderer2, ngZone: NgZone, localizationService: LocalizationService);
1308
+ ngOnInit(): void;
1309
+ ngOnDestroy(): void;
1310
+ ngOnChanges(changes: SimpleChanges): void;
1311
+ ngAfterViewInit(): void;
1312
+ /**
1313
+ * @hidden
1314
+ */
1315
+ get kendoIconClass(): string;
1316
+ /**
1317
+ * @hidden
1318
+ */
1319
+ get customIconClass(): string;
1320
+ /**
1321
+ * @hidden
1322
+ */
1323
+ get removeIconClass(): string;
1324
+ /**
1325
+ * Focuses the Chip component.
1326
+ */
1327
+ focus(): void;
1328
+ /**
1329
+ * Blurs the Chip component.
1330
+ */
1331
+ blur(): void;
1332
+ /**
1333
+ * @hidden
1334
+ */
1335
+ onRemoveClick(e: any): void;
1336
+ /**
1337
+ * @hidden
1338
+ */
1339
+ onMenuClick(e: any): void;
1340
+ private attachElementEventHandlers;
1341
+ /**
1342
+ * @hidden
1343
+ */
1344
+ private verifyIconSettings;
1345
+ private handleClasses;
1346
+ private handleThemeColor;
1347
+ private keyDownHandler;
1348
+ static ɵfac: i0.ɵɵFactoryDeclaration<ChipComponent, never>;
1349
+ static ɵcmp: i0.ɵɵComponentDeclaration<ChipComponent, "kendo-chip", never, { "label": { "alias": "label"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "svgIcon": { "alias": "svgIcon"; "required": false; }; "iconClass": { "alias": "iconClass"; "required": false; }; "avatarSettings": { "alias": "avatarSettings"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "removable": { "alias": "removable"; "required": false; }; "removeIcon": { "alias": "removeIcon"; "required": false; }; "removeSvgIcon": { "alias": "removeSvgIcon"; "required": false; }; "hasMenu": { "alias": "hasMenu"; "required": false; }; "menuIcon": { "alias": "menuIcon"; "required": false; }; "menuSvgIcon": { "alias": "menuSvgIcon"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "size": { "alias": "size"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "fillMode": { "alias": "fillMode"; "required": false; }; "themeColor": { "alias": "themeColor"; "required": false; }; }, { "remove": "remove"; "menuToggle": "menuToggle"; "contentClick": "contentClick"; }, never, ["*"], true, never>;
1350
+ }
1351
+
1352
+ /**
1353
+ * Sets the selection mode of the ChipList.
1354
+ *
1355
+ * The available values are:
1356
+ * * `none` (default)
1357
+ * * `single`
1358
+ * * `multiple`
1359
+ */
1360
+ type ChipListSelection = 'none' | 'single' | 'multiple';
1361
+
1362
+ /**
1363
+ * Arguments for the `remove` event of the ChipList.
1364
+ */
1365
+ interface ChipListRemoveEvent {
1366
+ /**
1367
+ * The `ChipListComponent` instance.
1368
+ */
1369
+ sender: ChipListComponent;
1370
+ /**
1371
+ * The DOM event that triggered the `remove` event of the ChipList.
1372
+ */
1373
+ originalEvent: any;
1374
+ /**
1375
+ * The removed `ChipComponent` instance.
1376
+ */
1377
+ removedChip: ChipComponent;
1378
+ }
1379
+
1380
+ /**
1381
+ * Represents the Kendo UI ChipList component for Angular. Displays a list of Chip components.
1382
+ *
1383
+ * @example
1384
+ * ```html
1385
+ * <kendo-chiplist selection="multiple">
1386
+ * <kendo-chip label="Chip 1"></kendo-chip>
1387
+ * <kendo-chip label="Chip 2"></kendo-chip>
1388
+ * </kendo-chiplist>
1389
+ * ```
1390
+ * @remarks
1391
+ * Supported children components are: {@link ChipComponent}.
1392
+ */
1393
+ declare class ChipListComponent implements OnInit, AfterViewInit, AfterContentInit, OnDestroy {
1394
+ private localizationService;
1395
+ private renderer;
1396
+ private element;
1397
+ private ngZone;
1398
+ hostClass: boolean;
1399
+ /**
1400
+ * @hidden
1401
+ */
1402
+ orientation: string;
1403
+ /**
1404
+ * @hidden
1405
+ */
1406
+ direction: string;
1407
+ /**
1408
+ * Sets the selection mode of the ChipList.
1409
+ *
1410
+ * @default 'none'
1411
+ */
1412
+ selection: ChipListSelection;
1413
+ /**
1414
+ * Sets the gap between the Chips in the ChipList.
1415
+ * See [ChipList Appearance](https://www.telerik.com/kendo-angular-ui/components/buttons/chiplist/appearance#size). The default value is set by the Kendo theme.
1416
+ */
1417
+ set size(size: ChipSize);
1418
+ get size(): ChipSize;
1419
+ /**
1420
+ * Fires when the ChipList selection changes.
1421
+ */
1422
+ selectedChange: EventEmitter<any[]>;
1423
+ /**
1424
+ * Fires when the user clicks the remove icon of a Chip in the ChipList.
1425
+ */
1426
+ remove: EventEmitter<ChipListRemoveEvent>;
1427
+ chips: QueryList<ChipComponent>;
1428
+ get multiple(): boolean;
1429
+ /**
1430
+ * @hidden
1431
+ */
1432
+ role: string;
1433
+ private dynamicRTLSubscription;
1434
+ private _size;
1435
+ private subs;
1436
+ private _navigable;
1437
+ /**
1438
+ * @hidden
1439
+ */
1440
+ onClick($event: any): void;
1441
+ /**
1442
+ * By default, keyboard navigation is available through arrow keys and roving tabindex.
1443
+ * When set to `false`, all chips are part of the default tabbing sequence of the page.
1444
+ *
1445
+ * @default true
1446
+ *
1447
+ * @remarks
1448
+ * This property is related to accessibility.
1449
+ */
1450
+ set navigable(value: boolean);
1451
+ get navigable(): boolean;
1452
+ private currentActiveIndex;
1453
+ constructor(localizationService: LocalizationService, renderer: Renderer2, element: ElementRef, ngZone: NgZone);
1454
+ ngOnInit(): void;
1455
+ ngAfterViewInit(): void;
1456
+ ngAfterContentInit(): void;
1457
+ ngOnDestroy(): void;
1458
+ private selectedChips;
1459
+ /**
1460
+ * Updates the selection on click of a Chip. Emits events.
1461
+ */
1462
+ private setSelection;
1463
+ private clearSelection;
1464
+ private handleClasses;
1465
+ private attachElementEventHandlers;
1466
+ private keyDownHandler;
1467
+ private handleArrowKeys;
1468
+ private updateChips;
1469
+ private normalizeActiveIndex;
1470
+ private setChipSize;
1471
+ static ɵfac: i0.ɵɵFactoryDeclaration<ChipListComponent, never>;
1472
+ static ɵcmp: i0.ɵɵComponentDeclaration<ChipListComponent, "kendo-chiplist, kendo-chip-list", never, { "orientation": { "alias": "orientation"; "required": false; }; "selection": { "alias": "selection"; "required": false; }; "size": { "alias": "size"; "required": false; }; "role": { "alias": "role"; "required": false; }; "navigable": { "alias": "navigable"; "required": false; }; }, { "selectedChange": "selectedChange"; "remove": "remove"; }, ["chips"], ["*"], true, never>;
1473
+ }
1474
+
1475
+ /**
1476
+ * Specifies the horizontal and vertical alignment of the FloatingActionButton relative to the viewport or parent element
1477
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/buttons/floatingactionbutton/positioning#alignment)).
1478
+ *
1479
+ * @example
1480
+ * ```typescript
1481
+ * const align: FabAlign = { vertical: 'top', horizontal: 'start' };
1482
+ * ```
1483
+ */
1484
+ interface FabAlign {
1485
+ /**
1486
+ * Specifies the vertical alignment of the FloatingActionButton.
1487
+ *
1488
+ * The available options are:
1489
+ * - `top` (Default)
1490
+ * - `middle`
1491
+ * - `bottom`
1492
+ */
1493
+ vertical?: 'top' | 'middle' | 'bottom';
1494
+ /**
1495
+ * Specifies the horizontal alignment of the FloatingActionButton.
1496
+ *
1497
+ * The available options are:
1498
+ * - `start`
1499
+ * - `center`
1500
+ * - `end` (Default)
1501
+ */
1502
+ horizontal?: 'start' | 'center' | 'end';
1503
+ }
1504
+
1505
+ /**
1506
+ * Specifies the horizontal and vertical offset positions of the FloatingActionButton
1507
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/buttons/floatingactionbutton/positioning#offset)).
1508
+ *
1509
+ * @example
1510
+ * ```typescript
1511
+ * const offset: FabOffset = { x: '10px', y: '20px' };
1512
+ * ```
1513
+ */
1514
+ interface FabOffset {
1515
+ /**
1516
+ * Defines the horizontal offset of the FloatingActionButton.
1517
+ */
1518
+ x: string;
1519
+ /**
1520
+ * Defines the vertical offset of the FloatingActionButton.
1521
+ */
1522
+ y: string;
1523
+ }
1524
+
1525
+ /**
1526
+ * Specifies the animation settings for the dial items of the FloatingActionButton
1527
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/buttons/floatingactionbutton/dial_items#animation)).
1528
+ *
1529
+ * @example
1530
+ * ```typescript
1531
+ * const animation: DialItemAnimation = { duration: 200, gap: 100 };
1532
+ * ```
1533
+ */
1534
+ interface DialItemAnimation {
1535
+ /**
1536
+ * Specifies the animation duration in milliseconds for each dial item.
1537
+ * @default 180
1538
+ */
1539
+ duration?: number;
1540
+ /**
1541
+ * Specifies the animation duration gap in milliseconds after each dial item is animated.
1542
+ * @default 90
1543
+ */
1544
+ gap?: number;
1545
+ }
1546
+
1547
+ /**
1548
+ * Specifies the `positionMode` of the FloatingActionButton
1549
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/buttons/floatingactionbutton/positioning#position-mode)).
1550
+ *
1551
+ * The possible values are:
1552
+ * - `absolute`&mdash;Positions the FloatingActionButton absolutely to its first positioned parent element.
1553
+ * - `fixed` (Default)&mdash;Positions the FloatingActionButton relative to the viewport. It remains in the same place even when the page scrolls.
1554
+ */
1555
+ type FabPositionMode = 'absolute' | 'fixed';
1556
+
1557
+ /**
1558
+ * Arguments for the `click` event of a dial item
1559
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/buttons/floatingactionbutton/events)).
1560
+ *
1561
+ * @example
1562
+ * ```typescript
1563
+ * function onDialItemClick(event: DialItemClickEvent): void {
1564
+ * console.log(event.item, event.index);
1565
+ * }
1566
+ * ```
1567
+ */
1568
+ interface DialItemClickEvent {
1569
+ /**
1570
+ * The clicked dial item.
1571
+ */
1572
+ item: any;
1573
+ /**
1574
+ * The index of the clicked dial item in the `dialItems` collection.
1575
+ */
1576
+ index: number;
1577
+ }
1578
+
1579
+ /**
1580
+ * Represents a template that defines the content of a dial item.
1581
+ * To define the template, nest an `<ng-template>` tag with the `kendoDialItemTemplate` directive inside the `<kendo-floatingactionbutton>` tag
1582
+ *([see example](https://www.telerik.com/kendo-angular-ui/components/buttons/floatingactionbutton/templates#dial-item-template)).
1583
+ *
1584
+ * @example
1585
+ * ```html
1586
+ * <kendo-floatingactionbutton>
1587
+ * <ng-template kendoDialItemTemplate let-item="item">
1588
+ * {{ item.label }}
1589
+ * </ng-template>
1590
+ * </kendo-floatingactionbutton>
1591
+ * ```
1592
+ */
1593
+ declare class DialItemTemplateDirective {
1594
+ templateRef: TemplateRef<any>;
1595
+ constructor(templateRef: TemplateRef<any>);
1596
+ static ɵfac: i0.ɵɵFactoryDeclaration<DialItemTemplateDirective, [{ optional: true; }]>;
1597
+ static ɵdir: i0.ɵɵDirectiveDeclaration<DialItemTemplateDirective, "[kendoDialItemTemplate]", never, {}, {}, never, never, true, never>;
1598
+ }
1599
+
1600
+ /**
1601
+ * Represents a template that defines the content of the FloatingActionButton.
1602
+ * To define the template, nest an `<ng-template>` tag with the `kendoFloatingActionButtonTemplate` directive inside the `<kendo-floatingactionbutton>` tag
1603
+ *
1604
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/buttons/floatingactionbutton/templates#floatingactionbutton-template)).
1605
+ *
1606
+ * @example
1607
+ * ```html
1608
+ * <kendo-floatingactionbutton>
1609
+ * <ng-template kendoFloatingActionButtonTemplate>
1610
+ * Custom Content
1611
+ * </ng-template>
1612
+ * </kendo-floatingactionbutton>
1613
+ * ```
1614
+ */
1615
+ declare class FloatingActionButtonTemplateDirective {
1616
+ templateRef: TemplateRef<any>;
1617
+ constructor(templateRef: TemplateRef<any>);
1618
+ static ɵfac: i0.ɵɵFactoryDeclaration<FloatingActionButtonTemplateDirective, [{ optional: true; }]>;
1619
+ static ɵdir: i0.ɵɵDirectiveDeclaration<FloatingActionButtonTemplateDirective, "[kendoFloatingActionButtonTemplate]", never, {}, {}, never, never, true, never>;
1620
+ }
1621
+
1622
+ /**
1623
+ * An interface for the dial items of the FloatingActionButton
1624
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/buttons/floatingactionbutton/dial_items#dial-items)).
1625
+ */
1626
+ interface DialItem {
1627
+ /**
1628
+ * The CSS classes that will be rendered on the item element of the FloatingActionButton dial.
1629
+ * Supports the type of values that are supported by [`ngClass`](link:site.data.urls.angular['ngclassapi']).
1630
+ */
1631
+ cssClass?: string;
1632
+ /**
1633
+ * The CSS styles that will be rendered on the item element of the FloatingActionButton dial.
1634
+ * Supports the type of values that are supported by [`ngStyle`](link:site.data.urls.angular['ngstyleapi']).
1635
+ */
1636
+ cssStyle?: any;
1637
+ /**
1638
+ * Specifies whether the dial item is disabled.
1639
+ */
1640
+ disabled?: boolean;
1641
+ /**
1642
+ * Defines the name of an existing icon in a Kendo UI theme.
1643
+ * If set, the icon is rendered inside the dial item by a `span.k-icon` element instead of the default numeric or text content.
1644
+ */
1645
+ icon?: string;
1646
+ /**
1647
+ * Defines a CSS class or multiple classes separated by spaces applied to a `span` element.
1648
+ * Enables the use of custom icons rendered inside the dial item instead of the default numeric or text content.
1649
+ */
1650
+ iconClass?: string;
1651
+ /**
1652
+ * Defines an [`SVGIcon`](https://www.telerik.com/kendo-angular-ui/components/icons/api/svgicon) to render within the dial item.
1653
+ */
1654
+ svgIcon?: SVGIcon$1;
1655
+ /**
1656
+ * Specifies the `title` attribute of the dial item.
1657
+ * If set, the `title` value is rendered in the `aria-label` attribute on the dial item's element.
1658
+ *
1659
+ * @remarks
1660
+ * This option is related to accessibility.
1661
+ */
1662
+ itemTitle?: string;
1663
+ /**
1664
+ * Specifies the text content of the dial item label.
1665
+ */
1666
+ label?: string;
1667
+ }
1668
+
1669
+ /**
1670
+ * Represents the Kendo UI FloatingActionButton component for Angular.
1671
+ * Use it to represent the primary or most common action in an application.
1672
+ *
1673
+ * @example
1674
+ * ```html
1675
+ * <kendo-floatingactionbutton
1676
+ * [icon]="'plus'"
1677
+ * [text]="'Add'"
1678
+ * [align]="{ horizontal: 'end', vertical: 'bottom' }">
1679
+ * </kendo-floatingactionbutton>
1680
+ * ```
1681
+ */
1682
+ declare class FloatingActionButtonComponent implements AfterViewInit, OnDestroy {
1683
+ renderer: Renderer2;
1684
+ private element;
1685
+ private focusService;
1686
+ private navigationService;
1687
+ private ngZone;
1688
+ private popupService;
1689
+ private builder;
1690
+ private localizationService;
1691
+ get fixedClass(): boolean;
1692
+ get absoluteClass(): boolean;
1693
+ direction: string;
1694
+ button: ElementRef<HTMLButtonElement>;
1695
+ popupTemplate: TemplateRef<any>;
1696
+ dialItemTemplate: DialItemTemplateDirective;
1697
+ fabTemplate: FloatingActionButtonTemplateDirective;
1698
+ /**
1699
+ * 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.
1700
+ */
1701
+ set themeColor(themeColor: FloatingActionButtonThemeColor);
1702
+ get themeColor(): FloatingActionButtonThemeColor;
1703
+ /**
1704
+ * 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.
1705
+ */
1706
+ set size(size: FloatingActionButtonSize);
1707
+ get size(): FloatingActionButtonSize;
1708
+ /**
1709
+ * 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.
1710
+ */
1711
+ set rounded(rounded: ButtonRounded);
1712
+ get rounded(): ButtonRounded;
1713
+ /**
1714
+ * Specifies whether the FloatingActionButton is disabled.
1715
+ * @default false
1716
+ */
1717
+ set disabled(disabled: boolean);
1718
+ get disabled(): boolean;
1719
+ /**
1720
+ * Specifies the alignment of the FloatingActionButton ([see example](https://www.telerik.com/kendo-angular-ui/components/buttons/floatingactionbutton/positioning#alignment)).
1721
+ * @default { horizontal: 'end', vertical: 'top' }
1722
+ */
1723
+ set align(align: FabAlign);
1724
+ get align(): FabAlign;
1725
+ /**
1726
+ * Specifies the offset position of the FloatingActionButton ([see example](https://www.telerik.com/kendo-angular-ui/components/buttons/floatingactionbutton/positioning#offset)).
1727
+ * @default { x: '16px', y: '16px' }
1728
+ */
1729
+ set offset(offset: FabOffset);
1730
+ get offset(): FabOffset;
1731
+ /**
1732
+ * Specifies the position mode of the FloatingActionButton ([see example](https://www.telerik.com/kendo-angular-ui/components/buttons/floatingactionbutton/positioning#position-mode)).
1733
+ * @default "fixed"
1734
+ */
1735
+ positionMode: FabPositionMode;
1736
+ /**
1737
+ * Defines the name of an existing icon in a Kendo UI theme.
1738
+ */
1739
+ icon: string;
1740
+ /**
1741
+ * Defines an [`SVGIcon`](https://www.telerik.com/kendo-angular-ui/components/icons/api/svgicon) to be rendered within the FloatingActionButton.
1742
+ */
1743
+ svgIcon: SVGIcon$1;
1744
+ /**
1745
+ * Defines a CSS class or multiple classes for custom icons.
1746
+ */
1747
+ iconClass: string;
1748
+ /**
1749
+ * The CSS classes that will be rendered on the main button.
1750
+ * Supports the type of values that are supported by [`ngClass`](link:site.data.urls.angular['ngclassapi']).
1751
+ */
1752
+ buttonClass: any;
1753
+ /**
1754
+ * The CSS classes that will be rendered on the dial items `ul` element.
1755
+ * Supports the type of values that are supported by [`ngClass`](link:site.data.urls.angular['ngclassapi']).
1756
+ */
1757
+ dialClass: any;
1758
+ /**
1759
+ * Specifies the text content of the FloatingActionButton.
1760
+ *
1761
+ * @remarks
1762
+ * This property is related to accessibility.
1763
+ */
1764
+ text: string;
1765
+ /**
1766
+ * Specifies the animation settings of the FloatingActionButton dial items.
1767
+ * @default true
1768
+ */
1769
+ dialItemAnimation: boolean | DialItemAnimation;
1770
+ /**
1771
+ * Specifies the [`tabIndex`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of the FloatingActionButton.
1772
+ * @default 0
1773
+ */
1774
+ tabIndex: number;
1775
+ /**
1776
+ * Specifies the collection of dial items rendered in the FloatingActionButton popup.
1777
+ */
1778
+ dialItems: DialItem[];
1779
+ /**
1780
+ * Fires when the FloatingActionButton is blurred.
1781
+ */
1782
+ onBlur: EventEmitter<any>;
1783
+ /**
1784
+ * Fires when the FloatingActionButton is focused.
1785
+ */
1786
+ onFocus: EventEmitter<any>;
1787
+ /**
1788
+ * Fires when a dial item is clicked.
1789
+ */
1790
+ dialItemClick: EventEmitter<DialItemClickEvent>;
1791
+ /**
1792
+ * Fires when the popup is about to open. This event is preventable
1793
+ * ([more information and example](https://www.telerik.com/kendo-angular-ui/components/buttons/floatingactionbutton/events)).
1794
+ */
1795
+ open: EventEmitter<PreventableEvent>;
1796
+ /**
1797
+ * Fires when the popup is about to close. This event is preventable
1798
+ * ([more information and example](https://www.telerik.com/kendo-angular-ui/components/buttons/floatingactionbutton/events)).
1799
+ */
1800
+ close: EventEmitter<PreventableEvent>;
1801
+ /**
1802
+ * @hidden
1803
+ */
1804
+ get componentTabIndex(): number;
1805
+ /**
1806
+ * @hidden
1807
+ */
1808
+ id: string;
1809
+ /**
1810
+ * @hidden
1811
+ */
1812
+ dialListId: string;
1813
+ private _themeColor;
1814
+ private _size;
1815
+ private _rounded;
1816
+ private _disabled;
1817
+ private _align;
1818
+ private _offset;
1819
+ private subscriptions;
1820
+ private popupMouseDownListener;
1821
+ private rtl;
1822
+ private animationEnd;
1823
+ private popupRef;
1824
+ private initialSetup;
1825
+ private focusChangedProgrammatically;
1826
+ constructor(renderer: Renderer2, element: ElementRef, focusService: FocusService, navigationService: NavigationService, ngZone: NgZone, popupService: PopupService, builder: AnimationBuilder, localizationService: LocalizationService);
1827
+ ngAfterViewInit(): void;
1828
+ ngOnDestroy(): void;
1829
+ /**
1830
+ * Indicates whether the FloatingActionButton is currently open.
1831
+ */
1832
+ get isOpen(): boolean;
1833
+ /**
1834
+ * Focuses the FloatingActionButton.
1835
+ */
1836
+ focus(): void;
1837
+ /**
1838
+ * Blurs the FloatingActionButton.
1839
+ */
1840
+ blur(): void;
1841
+ /**
1842
+ * Toggles the visibility of the FloatingActionButton dial items popup.
1843
+ *
1844
+ * If you use the `toggleDial` method to open or close the dial items,
1845
+ * the `open` and `close` events do not fire ([more information and examples](https://www.telerik.com/kendo-angular-ui/components/buttons/floatingactionbutton/open_state)).
1846
+ *
1847
+ * @param open - The state of dial items popup.
1848
+ */
1849
+ toggleDial(open?: boolean): void;
1850
+ /**
1851
+ * @hidden
1852
+ */
1853
+ get ariaExpanded(): boolean;
1854
+ /**
1855
+ * @hidden
1856
+ */
1857
+ get ariaHasPopup(): string;
1858
+ /**
1859
+ * @hidden
1860
+ */
1861
+ get ariaControls(): string;
1862
+ /**
1863
+ * @hidden
1864
+ */
1865
+ get iconClasses(): string[];
1866
+ /**
1867
+ * @hidden
1868
+ */
1869
+ clickHandler(): void;
1870
+ /**
1871
+ * @hidden
1872
+ */
1873
+ pointerdownHandler(e: PointerEvent): void;
1874
+ /**
1875
+ * @hidden
1876
+ */
1877
+ keyDownHandler(event: KeyboardEvent): void;
1878
+ /**
1879
+ * @hidden
1880
+ */
1881
+ onItemClick(event: MouseEvent): void;
1882
+ /**
1883
+ * @hidden
1884
+ */
1885
+ focusHandler(): void;
1886
+ /**
1887
+ * @hidden
1888
+ */
1889
+ blurHandler(e: FocusEvent): void;
1890
+ /**
1891
+ * @hidden
1892
+ */
1893
+ focusOutHandler(e: FocusEvent): void;
1894
+ /**
1895
+ * @hidden
1896
+ */
1897
+ onNavigationEnterPress(): void;
1898
+ /**
1899
+ * @hidden
1900
+ */
1901
+ onNavigationClose(): void;
1902
+ private handleClasses;
1903
+ private onEnterPressed;
1904
+ private emitItemClick;
1905
+ private subscribeNavigationEvents;
1906
+ private onArrowKeyNavigate;
1907
+ private alignClass;
1908
+ private toggleDialWithEvents;
1909
+ private openPopup;
1910
+ private closePopup;
1911
+ private openDial;
1912
+ private closeDial;
1913
+ private isValidAnimation;
1914
+ private positionPopup;
1915
+ private offsetStyles;
1916
+ private get hasDialItems();
1917
+ /**
1918
+ * Gets the CSS prop name of the selected vertical position (`top`/`bottom`);
1919
+ */
1920
+ private get verticalPosition();
1921
+ /**
1922
+ * Gets the offset according to the selected vertical position.
1923
+ */
1924
+ private get verticalOffset();
1925
+ /**
1926
+ * Gets the CSS prop name of the selected horizontal position (`left`/`right`);
1927
+ */
1928
+ private get horizontalPosition();
1929
+ /**
1930
+ * Gets the offset according to the selected horizontal position.
1931
+ */
1932
+ private get horizontalOffset();
1933
+ private playerFor;
1934
+ private playAnimation;
1935
+ private durationSettings;
1936
+ private animationGap;
1937
+ private animationDuration;
1938
+ static ɵfac: i0.ɵɵFactoryDeclaration<FloatingActionButtonComponent, never>;
1939
+ 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>;
1940
+ }
1941
+
1942
+ /**
1943
+ * Represents the Kendo UI SplitButton component for Angular.
1944
+ *
1945
+ * @example
1946
+ * ```ts
1947
+ * @Component({
1948
+ * selector: 'my-app',
1949
+ * template: `
1950
+ * <kendo-splitbutton [data]="items" (buttonClick)="onSplitButtonClick()">Paste</kendo-splitbutton>
1951
+ * `
1952
+ * })
1953
+ *
1954
+ * class AppComponent {
1955
+ * public items: Array<any> = [{
1956
+ * text: 'Keep Text Only',
1957
+ * icon: 'clipboard-text',
1958
+ * click: () => { console.log('Keep Text Only click handler'); }
1959
+ * }, {
1960
+ * text: 'Paste as HTML',
1961
+ * icon: 'clipboard-code'
1962
+ * }
1963
+ * ];
1964
+ *
1965
+ * public onSplitButtonClick(dataItem: any): void {
1966
+ * console.log('Paste');
1967
+ * }
1968
+ * }
1969
+ * ```
1970
+ */
1971
+ declare class SplitButtonComponent extends ListButton implements AfterViewInit, OnChanges, OnDestroy, DoCheck {
1972
+ private localization;
1973
+ private renderer;
1974
+ /**
1975
+ * Sets the text displayed within the SplitButton.
1976
+ *
1977
+ * @remarks
1978
+ * This property is related to accessibility.
1979
+ */
1980
+ text: string;
1981
+ /**
1982
+ * Specifies an icon to display next to the button text ([see example](https://www.telerik.com/kendo-angular-ui/components/buttons/splitbutton/data-binding#arrays-of-complex-data)).
1983
+ */
1984
+ icon: string;
1985
+ /**
1986
+ * Specifies an `SVGIcon` to display next to the button text.
1987
+ */
1988
+ svgIcon: SVGIcon$1;
1989
+ /**
1990
+ * Specifies a custom CSS class for the icon displayed next to the button text ([see example](https://www.telerik.com/kendo-angular-ui/components/buttons/splitbutton/data-binding#arrays-of-complex-data)).
1991
+ */
1992
+ iconClass: string;
1993
+ /**
1994
+ * Specifies the `type` attribute of the main button.
1995
+ */
1996
+ type: string;
1997
+ /**
1998
+ * Specifies the URL of an image to display next to the button text ([see example](https://www.telerik.com/kendo-angular-ui/components/buttons/splitbutton/data-binding#arrays-of-complex-data)).
1999
+ */
2000
+ imageUrl: string;
2001
+ /**
2002
+ * Configures the padding of the SplitButton ([see example](https://www.telerik.com/kendo-angular-ui/components/buttons/api/splitbuttoncomponent#size)). The default value is set by the Kendo theme.
2003
+ */
2004
+ size: SplitButtonSize;
2005
+ /**
2006
+ * Configures the border radius of the SplitButton ([see example](https://www.telerik.com/kendo-angular-ui/components/buttons/api/splitbuttoncomponent#rounded)). The default value is set by the Kendo theme.
2007
+ */
2008
+ set rounded(rounded: ButtonRounded);
2009
+ get rounded(): ButtonRounded;
2010
+ /**
2011
+ * Configures the background and border styles of the SplitButton ([see example](https://www.telerik.com/kendo-angular-ui/components/buttons/api/splitbuttoncomponent#fillmode)). The default value is set by the Kendo theme.
2012
+ */
2013
+ set fillMode(fillMode: ButtonFillMode);
2014
+ get fillMode(): ButtonFillMode;
2015
+ /**
2016
+ * Configures the theme color of the SplitButton. The theme color applies to the background, border, and text ([see example](https://www.telerik.com/kendo-angular-ui/components/buttons/api/splitbuttoncomponent#themecolor)). The default value is set by the Kendo theme.
2017
+ */
2018
+ themeColor: ButtonThemeColor;
2019
+ /**
2020
+ * Disables the SplitButton when set to `true` ([see example](https://www.telerik.com/kendo-angular-ui/components/buttons/splitbutton/data-binding#arrays-of-complex-data)).
2021
+ */
2022
+ set disabled(value: boolean);
2023
+ get disabled(): boolean;
2024
+ /**
2025
+ * Configures the popup settings of the SplitButton.
2026
+ */
2027
+ set popupSettings(settings: PopupSettings);
2028
+ get popupSettings(): PopupSettings;
2029
+ /**
2030
+ * Specifies the [`tabindex`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of the component.
2031
+ *
2032
+ * @default 0
2033
+ */
2034
+ tabIndex: number;
2035
+ /**
2036
+ * Configures the text field of the button-list popup.
2037
+ */
2038
+ textField: string;
2039
+ /**
2040
+ * Sets the data for the SplitButton. Provide the data as an array-like list.
2041
+ */
2042
+ set data(data: any);
2043
+ get data(): any;
2044
+ /**
2045
+ * Specifies the CSS classes for the button that opens the popup.
2046
+ * Supports values compatible with [`ngClass`](link:site.data.urls.angular['ngclassapi']).
2047
+ */
2048
+ arrowButtonClass: any;
2049
+ /**
2050
+ * Specifies the name of the font icon displayed on the button that opens the popup.
2051
+ */
2052
+ arrowButtonIcon: string;
2053
+ /**
2054
+ * Specifies the [`SVGIcon`](https://www.telerik.com/kendo-angular-ui/components/icons/api/svgiconcomponent) displayed on the button that opens the popup.
2055
+ */
2056
+ arrowButtonSvgIcon: SVGIcon$1;
2057
+ /**
2058
+ * Sets attributes for the main button.
2059
+ */
2060
+ set buttonAttributes(buttonAttributes: {
2061
+ [key: string]: string;
2062
+ });
2063
+ get buttonAttributes(): {
2064
+ [key: string]: string;
2065
+ };
2066
+ /**
2067
+ * Emits an event when the main button is clicked.
2068
+ */
2069
+ buttonClick: EventEmitter<any>;
2070
+ /**
2071
+ * Emits an event when an item in the drop-down list is clicked. The event data contains the clicked item's data.
2072
+ */
2073
+ itemClick: EventEmitter<any>;
2074
+ /**
2075
+ * Emits an event when the SplitButton gains focus.
2076
+ */
2077
+ onFocus: EventEmitter<any>;
2078
+ /**
2079
+ * Emits an event when the SplitButton is blurred.
2080
+ */
2081
+ onBlur: EventEmitter<any>;
2082
+ /**
2083
+ * Emits an event before the popup opens. This event is preventable.
2084
+ */
2085
+ open: EventEmitter<PreventableEvent>;
2086
+ /**
2087
+ * Emits an event before the popup closes. This event is preventable.
2088
+ */
2089
+ close: EventEmitter<PreventableEvent>;
2090
+ /**
2091
+ * Specifies a template to customize the content of the items in the drop-down list.
2092
+ */
2093
+ itemTemplate: ButtonItemTemplateDirective;
2094
+ activeArrow: boolean;
2095
+ listId: string;
2096
+ /**
2097
+ * @hidden
2098
+ */
2099
+ get hasContent(): boolean;
2100
+ /**
2101
+ * @hidden
2102
+ */
2103
+ get active(): boolean;
2104
+ /**
2105
+ * @hidden
2106
+ */
2107
+ get componentTabIndex(): number;
2108
+ private buttonText;
2109
+ private arrowButtonClicked;
2110
+ private _rounded;
2111
+ private _fillMode;
2112
+ private _buttonAttributes;
2113
+ private documentMouseUpSub;
2114
+ set isFocused(value: boolean);
2115
+ get isFocused(): boolean;
2116
+ get widgetClasses(): boolean;
2117
+ get dir(): string;
2118
+ /**
2119
+ * @hidden
2120
+ */
2121
+ get ariaLabel(): string;
2122
+ /**
2123
+ * @hidden
2124
+ */
2125
+ messageFor(key: string): string;
2126
+ /**
2127
+ * @hidden
2128
+ */
2129
+ onButtonFocus(event: FocusEvent): void;
2130
+ /**
2131
+ * @hidden
2132
+ */
2133
+ onArrowButtonClick(): void;
2134
+ /**
2135
+ * @hidden
2136
+ */
2137
+ toggleButtonActiveState(enable: boolean): void;
2138
+ /**
2139
+ * @hidden
2140
+ */
2141
+ toggleArrowButtonActiveState(enable: boolean): void;
2142
+ /**
2143
+ * @hidden
2144
+ */
2145
+ onButtonClick(): void;
2146
+ /**
2147
+ * @hidden
2148
+ */
2149
+ onButtonBlur(): void;
2150
+ /**
2151
+ * @hidden
2152
+ */
2153
+ keydown(event: any): void;
2154
+ /**
2155
+ * @hidden
2156
+ */
2157
+ keyup(event: any): void;
2158
+ ngDoCheck(): void;
2159
+ ngAfterViewInit(): void;
2160
+ ngOnChanges(changes: SimpleChanges): void;
2161
+ /**
2162
+ * @hidden
2163
+ */
2164
+ ngOnDestroy(): void;
2165
+ /**
2166
+ * @hidden
2167
+ */
2168
+ protected onNavigationEnterUp(args?: any): void;
2169
+ /**
2170
+ * @hidden
2171
+ */
2172
+ togglePopupVisibility(): void;
2173
+ /**
2174
+ * @hidden
2175
+ */
2176
+ wrapperContains(element: any): boolean;
2177
+ /**
2178
+ * @hidden
2179
+ */
2180
+ get anchorAlign(): Align;
2181
+ /**
2182
+ * @hidden
2183
+ */
2184
+ get popupAlign(): Align;
2185
+ /**
2186
+ * @hidden
2187
+ */
2188
+ get isIconButton(): boolean;
2189
+ /**
2190
+ * Focuses the SplitButton component.
2191
+ */
2192
+ focus(): void;
2193
+ /**
2194
+ * Blurs the SplitButton component.
2195
+ */
2196
+ blur(): void;
2197
+ constructor(focusService: FocusService, navigationService: NavigationService, wrapperRef: ElementRef, zone: NgZone, popupService: PopupService, elRef: ElementRef, localization: LocalizationService, cdr: ChangeDetectorRef, renderer: Renderer2, containerService: PopupContainerService);
2198
+ /**
2199
+ * Returns the current open state of the popup.
2200
+ */
2201
+ get isOpen(): boolean;
2202
+ private updateButtonText;
2203
+ private handleClasses;
2204
+ private toggleButtonIconClass;
2205
+ private handleButtonAttributes;
2206
+ static ɵfac: i0.ɵɵFactoryDeclaration<SplitButtonComponent, never>;
2207
+ static ɵcmp: i0.ɵɵComponentDeclaration<SplitButtonComponent, "kendo-splitbutton", ["kendoSplitButton"], { "text": { "alias": "text"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "svgIcon": { "alias": "svgIcon"; "required": false; }; "iconClass": { "alias": "iconClass"; "required": false; }; "type": { "alias": "type"; "required": false; }; "imageUrl": { "alias": "imageUrl"; "required": false; }; "size": { "alias": "size"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "fillMode": { "alias": "fillMode"; "required": false; }; "themeColor": { "alias": "themeColor"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "popupSettings": { "alias": "popupSettings"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "data": { "alias": "data"; "required": false; }; "arrowButtonClass": { "alias": "arrowButtonClass"; "required": false; }; "arrowButtonIcon": { "alias": "arrowButtonIcon"; "required": false; }; "arrowButtonSvgIcon": { "alias": "arrowButtonSvgIcon"; "required": false; }; "buttonAttributes": { "alias": "buttonAttributes"; "required": false; }; }, { "buttonClick": "buttonClick"; "itemClick": "itemClick"; "onFocus": "focus"; "onBlur": "blur"; "open": "open"; "close": "close"; }, ["itemTemplate"], ["*"], true, never>;
2208
+ }
2209
+
2210
+ /**
2211
+ * @hidden
2212
+ */
2213
+ declare class Messages extends ComponentMessages {
2214
+ /**
2215
+ * Specifies the text for the SplitButton `aria-label`.
2216
+ *
2217
+ * The `aria-label` text consists of two parts: the SplitButton text and a localizable string.
2218
+ * For example, for a SplitButton with the text `'Reply'`, the default `aria-label` is `'Reply splitbutton'`.
2219
+ *
2220
+ * To reorder the SplitButton text and the localizable part, use the `splitButtonLabel` property with a
2221
+ * placeholder for the button text, such as `'splitbutton for {buttonText}'`. The `{buttonText}` placeholder
2222
+ * is replaced internally with the current SplitButton text. For instance, the resulting `aria-label` is
2223
+ * rendered as `'splitbutton for Reply'`.
2224
+ *
2225
+ * @example
2226
+ * ```ts
2227
+ * <kendo-splitbutton>
2228
+ * <kendo-splitbutton-messages
2229
+ * splitButtonLabel="splitbutton for {buttonText}">
2230
+ * </kendo-splitbutton-messages>
2231
+ * </kendo-splitbutton>
2232
+ * ```
2233
+ */
2234
+ splitButtonLabel: string;
2235
+ /**
2236
+ * Specifies the text for the SplitButton toggle button `aria-label`.
2237
+ */
2238
+ toggleButtonLabel: string;
2239
+ static ɵfac: i0.ɵɵFactoryDeclaration<Messages, never>;
2240
+ static ɵdir: i0.ɵɵDirectiveDeclaration<Messages, "kendo-splitbutton-messages-base", never, { "splitButtonLabel": { "alias": "splitButtonLabel"; "required": false; }; "toggleButtonLabel": { "alias": "toggleButtonLabel"; "required": false; }; }, {}, never, never, true, never>;
2241
+ }
2242
+
2243
+ /**
2244
+ * Represents a custom component for overriding the default SplitButton messages.
2245
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/buttons/globalization)).
2246
+ */
2247
+ declare class SplitButtonCustomMessagesComponent extends Messages {
2248
+ protected service: LocalizationService;
2249
+ constructor(service: LocalizationService);
2250
+ protected get override(): boolean;
2251
+ static ɵfac: i0.ɵɵFactoryDeclaration<SplitButtonCustomMessagesComponent, never>;
2252
+ static ɵcmp: i0.ɵɵComponentDeclaration<SplitButtonCustomMessagesComponent, "kendo-splitbutton-messages", never, {}, {}, never, never, true, never>;
2253
+ }
2254
+
2255
+ /**
2256
+ * Specifies the speech recognition engine or integration the component will use. The possible values are:
2257
+ *
2258
+ * * `webSpeech`&mdash;Uses the browser's native Web Speech API to perform speech recognition. This is the default mode when available and supported by the browser.
2259
+ * * `none`&mdash;Disables built-in speech recognition. Use this when integrating with a custom or third-party speech recognition service.
2260
+ */
2261
+ type IntegrationMode = 'webSpeech' | 'none';
2262
+
2263
+ /**
2264
+ * Arguments for the `result` event of the `SpeechToTextButton`.
2265
+ */
2266
+ interface SpeechToTextResultEvent {
2267
+ /**
2268
+ * Indicates whether the speech recognition result is final (true) or interim (false).
2269
+ */
2270
+ isFinal: boolean;
2271
+ /**
2272
+ * An array of possible recognition alternatives returned by the speech engine.
2273
+ * Each alternative contains a transcript of the recognized speech and a confidence score (see [SpeechRecognitionAlternative](https://developer.mozilla.org/en-US/docs/Web/API/SpeechRecognitionAlternative)).
2274
+ */
2275
+ alternatives: SpeechRecognitionAlternative[];
2276
+ }
2277
+
2278
+ /**
2279
+ * Arguments for the `error` event of the `SpeechToTextButton`.
2280
+ */
2281
+ interface SpeechToTextErrorEvent {
2282
+ /**
2283
+ * Message detailing the cause of the speech recognition error. Use this message for debugging or user feedback.
2284
+ */
2285
+ errorMessage: string;
2286
+ }
2287
+
2288
+ /**
2289
+ * Represents the Kendo UI SpeechToTextButton component for Angular.
2290
+ *
2291
+ * @example
2292
+ * ```html
2293
+ * <button kendoSpeechToTextButton></button>
2294
+ * ```
2295
+ */
2296
+ declare class SpeechToTextButtonComponent implements OnInit, OnDestroy {
2297
+ renderer: Renderer2;
2298
+ ngZone: NgZone;
2299
+ /**
2300
+ * When `true`, disables the SpeechToTextButton and prevents user interaction.
2301
+ *
2302
+ * @default false
2303
+ */
2304
+ set disabled(disabled: boolean);
2305
+ get disabled(): boolean;
2306
+ /**
2307
+ * Sets the padding of the SpeechToTextButton. The default value is set by the Kendo theme.
2308
+ *
2309
+ */
2310
+ set size(size: ButtonSize);
2311
+ get size(): ButtonSize;
2312
+ /**
2313
+ * Sets the border radius of the SpeechToTextButton. The default value is set by the Kendo theme.
2314
+ *
2315
+ */
2316
+ set rounded(rounded: ButtonRounded);
2317
+ get rounded(): ButtonRounded;
2318
+ /**
2319
+ * Sets the background and border styles of the SpeechToTextButton. The default value is set by the Kendo theme.
2320
+ */
2321
+ set fillMode(fillMode: ButtonFillMode);
2322
+ get fillMode(): ButtonFillMode;
2323
+ /**
2324
+ * Sets a predefined theme color for the SpeechToTextButton. The default value is set by the Kendo theme.
2325
+ * The theme color applies as a background and border color and adjusts the text color for contrast.
2326
+ *
2327
+ */
2328
+ set themeColor(themeColor: ButtonThemeColor);
2329
+ get themeColor(): ButtonThemeColor;
2330
+ /**
2331
+ * Specifies which speech recognition engine or integration the component should use. Allows the component to operate in different environments or use alternative implementations.
2332
+ */
2333
+ integrationMode: IntegrationMode;
2334
+ /**
2335
+ * Specifies a `BCP 47` language tag (e.g., 'en-US', 'bg-BG') used for speech recognition.
2336
+ *
2337
+ * @default 'en-US'
2338
+ */
2339
+ lang: string;
2340
+ /**
2341
+ * Specifies whether continuous results are returned for each recognition, or only a single result once recognition stops.
2342
+ *
2343
+ * @default false
2344
+ */
2345
+ continuous: boolean;
2346
+ /**
2347
+ * Specifies whether interim results should be returned or not. Interim results are results that are not yet final.
2348
+ *
2349
+ * @default false
2350
+ */
2351
+ interimResults: boolean;
2352
+ /**
2353
+ * Represents the maximum number of alternative transcriptions to return for each result.
2354
+ *
2355
+ * @default 1
2356
+ */
2357
+ maxAlternatives: number;
2358
+ /**
2359
+ * Fires when the speech recognition service has begun listening to incoming audio.
2360
+ */
2361
+ start: EventEmitter<any>;
2362
+ /**
2363
+ * Fires when the speech recognition service has disconnected.
2364
+ */
2365
+ end: EventEmitter<any>;
2366
+ /**
2367
+ * Fires when the speech recognition service returns a result - a word or phrase has been positively recognized.
2368
+ */
2369
+ result: EventEmitter<SpeechToTextResultEvent>;
2370
+ /**
2371
+ * Fires when a speech recognition error occurs. The event argument is a string, containing the error message.
2372
+ */
2373
+ error: EventEmitter<SpeechToTextErrorEvent>;
2374
+ /**
2375
+ * Fires when the user clicks the SpeechToTextButton.
2376
+ */
2377
+ click: EventEmitter<any>;
2378
+ get iconButtonClass(): boolean;
2379
+ get listeningClass(): boolean;
2380
+ speechToTextButtonClass: boolean;
2381
+ get classDisabled(): boolean;
2382
+ get getDirection(): string;
2383
+ /**
2384
+ * @hidden
2385
+ */
2386
+ onFocus(): void;
2387
+ /**
2388
+ * @hidden
2389
+ */
2390
+ onBlur(): void;
2391
+ /**
2392
+ * Focuses the SpeechToTextButton component.
2393
+ */
2394
+ focus(): void;
2395
+ /**
2396
+ * Removes focus from the SpeechToTextButton component.
2397
+ */
2398
+ blur(): void;
2399
+ ngOnInit(): void;
2400
+ ngOnChanges(changes: any): void;
2401
+ ngOnDestroy(): void;
2402
+ constructor(element: ElementRef, renderer: Renderer2, localization: LocalizationService, ngZone: NgZone);
2403
+ /**
2404
+ * Indicates whether the button is actively listening for incoming audio.
2405
+ */
2406
+ isListening: boolean;
2407
+ /**
2408
+ * Indicates whether web speech functionality is supported.
2409
+ */
2410
+ get isWebSpeechSupported(): boolean;
2411
+ set isFocused(isFocused: boolean);
2412
+ get isFocused(): boolean;
2413
+ /**
2414
+ * @hidden
2415
+ */
2416
+ get hasText(): boolean;
2417
+ /**
2418
+ * @hidden
2419
+ */
2420
+ onClick(): void;
2421
+ /**
2422
+ * @hidden
2423
+ */
2424
+ get buttonSvgIcon(): SVGIcon$1;
2425
+ /**
2426
+ * @hidden
2427
+ */
2428
+ get buttonIcon(): string;
2429
+ /**
2430
+ * @hidden
2431
+ */
2432
+ element: HTMLElement;
2433
+ /**
2434
+ * @hidden
2435
+ */
2436
+ isDisabled: boolean;
2437
+ /**
2438
+ * @hidden
2439
+ */
2440
+ subs: Subscription;
2441
+ private microphoneSvgIcon;
2442
+ private stopSvgIcon;
2443
+ private speechRecognition;
2444
+ private _size;
2445
+ private _rounded;
2446
+ private _fillMode;
2447
+ private _themeColor;
2448
+ private _focused;
2449
+ private direction;
2450
+ private handleClasses;
2451
+ private handleStart;
2452
+ private handleEnd;
2453
+ private handleResult;
2454
+ private handleError;
2455
+ private toObservable;
2456
+ private handleThemeColor;
2457
+ private destroyWebSpeech;
2458
+ private createWebSpeech;
2459
+ static ɵfac: i0.ɵɵFactoryDeclaration<SpeechToTextButtonComponent, never>;
2460
+ static ɵcmp: i0.ɵɵComponentDeclaration<SpeechToTextButtonComponent, "button[kendoSpeechToTextButton]", ["kendoSpeechToTextButton"], { "disabled": { "alias": "disabled"; "required": false; }; "size": { "alias": "size"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "fillMode": { "alias": "fillMode"; "required": false; }; "themeColor": { "alias": "themeColor"; "required": false; }; "integrationMode": { "alias": "integrationMode"; "required": false; }; "lang": { "alias": "lang"; "required": false; }; "continuous": { "alias": "continuous"; "required": false; }; "interimResults": { "alias": "interimResults"; "required": false; }; "maxAlternatives": { "alias": "maxAlternatives"; "required": false; }; }, { "start": "start"; "end": "end"; "result": "result"; "error": "error"; "click": "click"; }, never, ["*"], true, never>;
2461
+ }
2462
+
2463
+ /**
2464
+ * Represents a form field configuration for Smart Paste.
2465
+ */
2466
+ interface SmartPasteFormField {
2467
+ /**
2468
+ * Sets the name or identifier of the form field.
2469
+ */
2470
+ field: string;
2471
+ /**
2472
+ * Sets the data type of the form field.
2473
+ */
2474
+ type: SmartPasteType;
2475
+ /**
2476
+ * Sets the description of the form field.
2477
+ * Helps the AI understand the purpose and expected content of the field.
2478
+ */
2479
+ description: string;
2480
+ /**
2481
+ * Sets the allowed values for enum-type fields.
2482
+ * Use this for fields with a fixed set of options like select or radio buttons.
2483
+ */
2484
+ allowedValues?: string[];
2485
+ }
2486
+ /**
2487
+ * Defines the data type for a Smart Paste form field.
2488
+ */
2489
+ type SmartPasteType = 'string' | 'boolean' | 'number' | 'fixed-choices' | 'kendo-input';
2490
+
2491
+ /**
2492
+ * Defines the data structure for the HTTP request body sent by Smart Paste.
2493
+ */
2494
+ interface SmartPasteAIRequestData {
2495
+ /**
2496
+ * Sets the form fields to send to the AI service.
2497
+ */
2498
+ formFields: Array<SmartPasteFormField>;
2499
+ /**
2500
+ * Sets the content to be sent to the AI service.
2501
+ */
2502
+ content: string;
2503
+ /**
2504
+ * Sets the URL of the AI service endpoint.
2505
+ */
2506
+ url?: string;
2507
+ /**
2508
+ * Sets the request options for the AI service.
2509
+ * Includes headers, HTTP method, and other configurations.
2510
+ */
2511
+ requestOptions: {
2512
+ role?: string;
2513
+ headers?: HttpHeaders;
2514
+ method?: string;
2515
+ withCredentials?: boolean;
2516
+ body?: any;
2517
+ responseType?: 'json' | 'arraybuffer' | 'blob' | 'text';
2518
+ [key: string]: any;
2519
+ };
2520
+ }
2521
+ /**
2522
+ * @hidden
2523
+ *
2524
+ * Represents the response from the AI request in the Smart Paste Button.
2525
+ */
2526
+ interface SmartPasteAIResponse {
2527
+ /**
2528
+ * A record mapping form field names to their parsed values. The id of each field corresponds to the `field` property in `SmartPasteFormField`.
2529
+ */
2530
+ fieldValues: Record<string, unknown>;
2531
+ }
2532
+ /**
2533
+ * Defines configuration options for the HTTP request sent to the AI service.
2534
+ */
2535
+ interface SmartPasteAIRequestOptions {
2536
+ /**
2537
+ * Sets the HTTP headers to include with the request.
2538
+ */
2539
+ headers?: HttpHeaders;
2540
+ /**
2541
+ * Sets the role of the user making the request.
2542
+ *
2543
+ * @default 'user'
2544
+ */
2545
+ role?: string;
2546
+ /**
2547
+ * Sets the HTTP method for the request.
2548
+ *
2549
+ * @default 'POST'
2550
+ */
2551
+ method?: string;
2552
+ /**
2553
+ * Includes credentials such as cookies and authorization headers with the request.
2554
+ *
2555
+ * @default false
2556
+ */
2557
+ withCredentials?: boolean;
2558
+ /**
2559
+ * Sets the expected response type from the AI service.
2560
+ *
2561
+ * @default 'json'
2562
+ */
2563
+ responseType?: 'json' | 'arraybuffer' | 'blob' | 'text';
2564
+ /**
2565
+ * Sets the body of the request.
2566
+ */
2567
+ body?: any;
2568
+ /**
2569
+ * Sets additional custom options to spread into the request configuration.
2570
+ */
2571
+ [key: string]: any;
2572
+ }
2573
+ /**
2574
+ * Represents the event arguments for the `requestStart` event of the SmartPasteButton.
2575
+ */
2576
+ declare class SmartPasteRequestStartEvent extends PreventableEvent$1 {
2577
+ /**
2578
+ * Gets the request data to send to the AI service.
2579
+ */
2580
+ requestData: SmartPasteAIRequestData;
2581
+ constructor(requestData: SmartPasteAIRequestData);
2582
+ }
2583
+ /**
2584
+ * Represents the event arguments for the `requestEnd` event of the SmartPasteButton.
2585
+ */
2586
+ declare class SmartPasteRequestEndEvent extends PreventableEvent$1 {
2587
+ /**
2588
+ * Gets the HTTP response from the AI service.
2589
+ * Contains an error object when the request fails.
2590
+ */
2591
+ response: HttpResponse<any>;
2592
+ constructor(response: HttpResponse<any>);
2593
+ }
2594
+
2595
+ /**
2596
+ * Represents the Kendo UI SmartPasteButton component for Angular.
2597
+ *
2598
+ * Fills form fields with AI-powered data extraction from clipboard content.
2599
+ */
2600
+ declare class SmartPasteButtonComponent implements OnInit, OnDestroy {
2601
+ renderer: Renderer2;
2602
+ ngZone: NgZone;
2603
+ private http;
2604
+ private controlContainer;
2605
+ /**
2606
+ * Specifies the form controls to include in Smart Paste.
2607
+ * When not set, all form controls are included.
2608
+ *
2609
+ * @default null
2610
+ */
2611
+ formFields: SmartPasteFormField[] | null;
2612
+ /**
2613
+ * When `true`, disables the SmartPasteButton and prevents user interaction.
2614
+ *
2615
+ * @default false
2616
+ */
2617
+ set disabled(disabled: boolean);
2618
+ get disabled(): boolean;
2619
+ /**
2620
+ * Sets the padding of the SmartPasteButton.
2621
+ *
2622
+ * @default undefined
2623
+ */
2624
+ set size(size: ButtonSize);
2625
+ get size(): ButtonSize;
2626
+ /**
2627
+ * Sets the border radius of the SmartPasteButton.
2628
+ *
2629
+ * @default undefined
2630
+ */
2631
+ set rounded(rounded: ButtonRounded);
2632
+ get rounded(): ButtonRounded;
2633
+ /**
2634
+ * Sets the background and border styles of the SmartPasteButton.
2635
+ *
2636
+ * @default undefined
2637
+ */
2638
+ set fillMode(fillMode: ButtonFillMode);
2639
+ get fillMode(): ButtonFillMode;
2640
+ /**
2641
+ * Sets a predefined theme color for the SmartPasteButton.
2642
+ * The theme color applies as a background and border color and adjusts the text color.
2643
+ *
2644
+ * @default undefined
2645
+ */
2646
+ set themeColor(themeColor: ButtonThemeColor);
2647
+ get themeColor(): ButtonThemeColor;
2648
+ /**
2649
+ * Sets an SVG icon to display inside the SmartPasteButton.
2650
+ */
2651
+ set svgIcon(icon: SVGIcon$1);
2652
+ get svgIcon(): SVGIcon$1;
2653
+ /**
2654
+ * Specifies a URL for an `img` element inside the SmartPasteButton.
2655
+ * The URL can be relative or absolute. When relative, the browser evaluates it relative to the web page URL.
2656
+ */
2657
+ imageUrl: string;
2658
+ /**
2659
+ * Defines one or more CSS classes separated by spaces for a `span` element inside the SmartPasteButton.
2660
+ * Use `iconClass` to add custom icons.
2661
+ */
2662
+ set iconClass(value: string);
2663
+ get iconClass(): string;
2664
+ /**
2665
+ * Specifies the icon name to display in the SmartPasteButton.
2666
+ *
2667
+ * @default 'paste-sparkle'
2668
+ */
2669
+ set icon(name: string);
2670
+ get icon(): string;
2671
+ /**
2672
+ * Sets the URL to which Smart Paste sends the AI request.
2673
+ * When set, the component sends and handles an HTTP request automatically. Handle the `requestStart` event to modify request options before sending.
2674
+ * When not set, the component does not send an HTTP request. Handle the `requestStart` event to send and manage a custom HTTP request.
2675
+ */
2676
+ requestUrl?: string;
2677
+ /**
2678
+ * Configures the HTTP request options for the AI request.
2679
+ * Use this to customize headers, method, credentials, and other request settings.
2680
+ */
2681
+ requestOptions?: SmartPasteAIRequestOptions;
2682
+ /**
2683
+ * Sets static form field metadata to bypass DOM extraction when Smart Paste runs.
2684
+ * Use this when you want to provide form field configuration directly instead of extracting it from the DOM.
2685
+ *
2686
+ * @hidden
2687
+ * @default null
2688
+ */
2689
+ smartPasteFormFields: SmartPasteField[] | null;
2690
+ /**
2691
+ * Fires when the Smart Paste request is about to start.
2692
+ * Prevent the event to stop the request before sending it.
2693
+ */
2694
+ requestStart: EventEmitter<SmartPasteRequestStartEvent>;
2695
+ /**
2696
+ * Fires when the Smart Paste request completes, either successfully or with an error.
2697
+ * Prevent the event to cancel populating the form fields with the response data.
2698
+ */
2699
+ requestEnd: EventEmitter<SmartPasteRequestEndEvent>;
2700
+ /**
2701
+ * Fires when the user cancels an ongoing Smart Paste request.
2702
+ */
2703
+ requestCancel: EventEmitter<void>;
2704
+ get iconButtonClass(): boolean;
2705
+ get classDisabled(): boolean;
2706
+ get getDirection(): string;
2707
+ onFocus(): void;
2708
+ onBlur(): void;
2709
+ /**
2710
+ * Focuses the SmartPasteButton.
2711
+ */
2712
+ focus(): void;
2713
+ /**
2714
+ * Removes focus from the SmartPasteButton.
2715
+ */
2716
+ blur(): void;
2717
+ get hasText(): boolean;
2718
+ set isFocused(isFocused: boolean);
2719
+ get isFocused(): boolean;
2720
+ element: HTMLElement;
2721
+ isDisabled: boolean;
2722
+ subs: Subscription;
2723
+ private _size;
2724
+ private _rounded;
2725
+ private _fillMode;
2726
+ private _themeColor;
2727
+ private _focused;
2728
+ private direction;
2729
+ private _iconClass;
2730
+ private _icon;
2731
+ private _svgIcon;
2732
+ private kendoSmartPaste;
2733
+ private smartPasteBusy;
2734
+ private currentRequestSubscription;
2735
+ private nativeForm;
2736
+ constructor(elementRef: ElementRef, renderer: Renderer2, localization: LocalizationService, ngZone: NgZone, http: HttpClient, controlContainer: ControlContainer);
2737
+ ngOnInit(): void;
2738
+ ngOnDestroy(): void;
2739
+ /**
2740
+ * Starts the Smart Paste operation.
2741
+ * Reads clipboard content and sends it to the AI service for processing.
2742
+ */
2743
+ paste(): Promise<void>;
2744
+ private sendSmartPasteRequest;
2745
+ private unsubscribeCurrentRequest;
2746
+ private defaultGetSmartPasteField;
2747
+ private defaultSetKendoInputValue;
2748
+ private setControlValue;
2749
+ private extractFormFields;
2750
+ private handleClasses;
2751
+ private handleThemeColor;
2752
+ private handleSmartPasteRequest;
2753
+ static ɵfac: i0.ɵɵFactoryDeclaration<SmartPasteButtonComponent, [null, null, null, null, null, { optional: true; skipSelf: true; }]>;
2754
+ static ɵcmp: i0.ɵɵComponentDeclaration<SmartPasteButtonComponent, "button[kendoSmartPasteButton]", ["kendoSmartPasteButton"], { "formFields": { "alias": "formFields"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "size": { "alias": "size"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "fillMode": { "alias": "fillMode"; "required": false; }; "themeColor": { "alias": "themeColor"; "required": false; }; "svgIcon": { "alias": "svgIcon"; "required": false; }; "imageUrl": { "alias": "imageUrl"; "required": false; }; "iconClass": { "alias": "iconClass"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "requestUrl": { "alias": "requestUrl"; "required": false; }; "requestOptions": { "alias": "requestOptions"; "required": false; }; "smartPasteFormFields": { "alias": "smartPasteFormFields"; "required": false; }; }, { "requestStart": "requestStart"; "requestEnd": "requestEnd"; "requestCancel": "requestCancel"; }, never, ["*"], true, never>;
2755
+ }
2756
+
2757
+ /**
2758
+ * Specifies how the items are sized within the SegmentedControl.
2759
+ * - `compact`&mdash;Items take up only the space they need.
2760
+ * - `stretch`&mdash;Items stretch to fill the full width of the control.
2761
+ */
2762
+ type SegmentedControlLayout = 'compact' | 'stretch';
2763
+ /**
2764
+ * Specifies the possible sizes of the SegmentedControl.
2765
+ */
2766
+ type SegmentedControlSize = 'small' | 'medium' | 'large';
2767
+ /**
2768
+ * Represents the settings for an item in the `SegmentedControlComponent`.
2769
+ */
2770
+ interface SegmentedItemSettings {
2771
+ /**
2772
+ * Specifies the name of an existing font icon in the Kendo UI theme.
2773
+ */
2774
+ icon?: string;
2775
+ /**
2776
+ * Defines the SVG icon to render inside the button.
2777
+ */
2778
+ svgIcon?: SVGIcon$1;
2779
+ /**
2780
+ * Specifies the text content of the button.
2781
+ */
2782
+ text?: string;
2783
+ /**
2784
+ * Determines whether the button is disabled.
2785
+ */
2786
+ disabled?: boolean;
2787
+ /**
2788
+ * Sets the `title` attribute of the button. When no `text` is provided,
2789
+ * the `title` value also renders as the `aria-label` attribute.
2790
+ */
2791
+ title?: string;
2792
+ }
2793
+
2794
+ /**
2795
+ * Represents the Kendo UI SegmentedControl component for Angular.
2796
+ *
2797
+ * Renders a group of buttons where only one can be selected at a time,
2798
+ * with a sliding selection indicator.
2799
+ */
2800
+ declare class SegmentedControlComponent implements AfterViewInit, OnDestroy {
2801
+ private renderer;
2802
+ private wrapper;
2803
+ private zone;
2804
+ hostClass: boolean;
2805
+ get stretchedClass(): boolean;
2806
+ get direction(): string;
2807
+ hostRole: string;
2808
+ thumb: ElementRef;
2809
+ resizeSensor: ResizeSensorComponent;
2810
+ /**
2811
+ * Specifies the collection of items to render in the SegmentedControl.
2812
+ */
2813
+ set items(value: Array<SegmentedItemSettings>);
2814
+ get items(): Array<SegmentedItemSettings>;
2815
+ /**
2816
+ * Specifies the layout mode of the SegmentedControl.
2817
+ *
2818
+ * @default 'compact'
2819
+ */
2820
+ set layoutMode(value: SegmentedControlLayout);
2821
+ get layoutMode(): SegmentedControlLayout;
2822
+ /**
2823
+ * Specifies the size of the SegmentedControl.
2824
+ */
2825
+ set size(size: SegmentedControlSize);
2826
+ get size(): SegmentedControlSize;
2827
+ /**
2828
+ * Specifies the index of the selected button in the `items` array.
2829
+ *
2830
+ * @default 0
2831
+ */
2832
+ set selected(value: number);
2833
+ get selected(): number;
2834
+ /**
2835
+ * Fires when the selected button changes. Emits the index of the selected button.
2836
+ */
2837
+ selectedChange: EventEmitter<number>;
2838
+ /**
2839
+ * @hidden
2840
+ */
2841
+ selectedButtonIndex: number;
2842
+ private _items;
2843
+ private _size;
2844
+ private _layoutMode;
2845
+ private _direction;
2846
+ private subs;
2847
+ constructor(renderer: Renderer2, wrapper: ElementRef, zone: NgZone, localization: LocalizationService);
2848
+ ngAfterViewInit(): void;
2849
+ ngOnDestroy(): void;
2850
+ /**
2851
+ * @hidden
2852
+ */
2853
+ handleClick(button: SegmentedItemSettings, index: number): void;
2854
+ /**
2855
+ * @hidden
2856
+ */
2857
+ handleKeydown(event: KeyboardEvent, button: SegmentedItemSettings): void;
2858
+ private handleSizeClass;
2859
+ /**
2860
+ * Updates the thumb position to reflect the currently selected button.
2861
+ */
2862
+ private showSelectionIndicator;
2863
+ static ɵfac: i0.ɵɵFactoryDeclaration<SegmentedControlComponent, never>;
2864
+ static ɵcmp: i0.ɵɵComponentDeclaration<SegmentedControlComponent, "kendo-segmented-control", never, { "items": { "alias": "items"; "required": false; }; "layoutMode": { "alias": "layoutMode"; "required": false; }; "size": { "alias": "size"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; }, { "selectedChange": "selectedChange"; }, never, never, true, never>;
2865
+ }
2866
+
2867
+ /**
2868
+ * Represents the [NgModule](link:site.data.urls.angular['ngmodules'])
2869
+ * definition for the Buttons components.
2870
+ *
2871
+ * Required for adding all Button features in NgModule-based Angular applications.
2872
+ *
2873
+ * @example
2874
+ *
2875
+ * ```ts-no-run
2876
+ * import { ButtonsModule } from '@progress/kendo-angular-buttons';
2877
+ * import { NgModule } from '@angular/core';
2878
+ * import { AppComponent } from './app.component';
2879
+ *
2880
+ * @NgModule({
2881
+ * declarations: [AppComponent], // declare app component
2882
+ * imports: [BrowserModule, ButtonsModule], // import Buttons module
2883
+ * bootstrap: [AppComponent]
2884
+ * })
2885
+ * export class AppModule {}
2886
+ * ```
2887
+ */
2888
+ declare class ButtonsModule {
2889
+ static ɵfac: i0.ɵɵFactoryDeclaration<ButtonsModule, never>;
2890
+ static ɵmod: i0.ɵɵNgModuleDeclaration<ButtonsModule, never, [typeof ButtonComponent, typeof ButtonComponent, typeof ButtonGroupComponent, typeof DropDownButtonComponent, typeof ButtonItemTemplateDirective, typeof ChipComponent, typeof ChipComponent, typeof ChipListComponent, typeof FloatingActionButtonComponent, typeof DialItemTemplateDirective, typeof FloatingActionButtonTemplateDirective, typeof SplitButtonComponent, typeof SplitButtonCustomMessagesComponent, typeof i12.ToggleButtonTabStopDirective, typeof ButtonItemTemplateDirective, typeof SpeechToTextButtonComponent, typeof SmartPasteButtonComponent, typeof SegmentedControlComponent, typeof i12.ToggleButtonTabStopDirective], [typeof ButtonComponent, typeof ButtonComponent, typeof ButtonGroupComponent, typeof DropDownButtonComponent, typeof ButtonItemTemplateDirective, typeof ChipComponent, typeof ChipComponent, typeof ChipListComponent, typeof FloatingActionButtonComponent, typeof DialItemTemplateDirective, typeof FloatingActionButtonTemplateDirective, typeof SplitButtonComponent, typeof SplitButtonCustomMessagesComponent, typeof i12.ToggleButtonTabStopDirective, typeof ButtonItemTemplateDirective, typeof SpeechToTextButtonComponent, typeof SmartPasteButtonComponent, typeof SegmentedControlComponent, typeof i12.ToggleButtonTabStopDirective]>;
2891
+ static ɵinj: i0.ɵɵInjectorDeclaration<ButtonsModule>;
2892
+ }
2893
+
2894
+ /**
2895
+ * Represents the exported package module.
2896
+ *
2897
+ * Required for adding SplitButton features in NgModule-based Angular applications.
2898
+ *
2899
+ * The package exports:
2900
+ * - `SplitButtonComponent`&mdash;The SplitButton component class.
2901
+ * - `SplitButtonCustomMessagesComponent`&mdash;The SplitButton custom messages component class.
2902
+ */
2903
+ declare class SplitButtonModule {
2904
+ static ɵfac: i0.ɵɵFactoryDeclaration<SplitButtonModule, never>;
2905
+ static ɵmod: i0.ɵɵNgModuleDeclaration<SplitButtonModule, never, [typeof SplitButtonComponent, typeof SplitButtonCustomMessagesComponent, typeof i12.ToggleButtonTabStopDirective, typeof ButtonItemTemplateDirective, typeof i12.ToggleButtonTabStopDirective], [typeof SplitButtonComponent, typeof SplitButtonCustomMessagesComponent, typeof i12.ToggleButtonTabStopDirective, typeof ButtonItemTemplateDirective, typeof i12.ToggleButtonTabStopDirective]>;
2906
+ static ɵinj: i0.ɵɵInjectorDeclaration<SplitButtonModule>;
2907
+ }
2908
+
2909
+ /**
2910
+ * @hidden
2911
+ */
2912
+ declare class LocalizedSplitButtonMessagesDirective extends Messages {
2913
+ protected service: LocalizationService;
2914
+ constructor(service: LocalizationService);
2915
+ static ɵfac: i0.ɵɵFactoryDeclaration<LocalizedSplitButtonMessagesDirective, never>;
2916
+ static ɵdir: i0.ɵɵDirectiveDeclaration<LocalizedSplitButtonMessagesDirective, "[kendoSplitButtonLocalizedMessages]", never, {}, {}, never, never, true, never>;
2917
+ }
2918
+
2919
+ /**
2920
+ * Exports the package module.
2921
+ *
2922
+ * Required for adding DropDownButton features in NgModule-based Angular applications.
2923
+ *
2924
+ * The module includes:
2925
+ * - `DropDownButtonComponent`&mdash;The component class for the DropDownButton.
2926
+ * - `ButtonItemTemplateDirective`&mdash;The directive for the button item template.
2927
+ *
2928
+ * @example
2929
+ * ```typescript
2930
+ * import { DropDownButtonModule } from '@progress/kendo-angular-buttons';
2931
+ * import { NgModule } from '@angular/core';
2932
+ * import { BrowserModule } from '@angular/platform-browser';
2933
+ * import { AppComponent } from './app.component';
2934
+ *
2935
+ * @NgModule({
2936
+ * declarations: [AppComponent],
2937
+ * imports: [BrowserModule, DropDownButtonModule],
2938
+ * bootstrap: [AppComponent]
2939
+ * })
2940
+ * export class AppModule {}
2941
+ * ```
2942
+ */
2943
+ declare class DropDownButtonModule {
2944
+ static ɵfac: i0.ɵɵFactoryDeclaration<DropDownButtonModule, never>;
2945
+ static ɵmod: i0.ɵɵNgModuleDeclaration<DropDownButtonModule, never, [typeof DropDownButtonComponent, typeof ButtonItemTemplateDirective], [typeof DropDownButtonComponent, typeof ButtonItemTemplateDirective]>;
2946
+ static ɵinj: i0.ɵɵInjectorDeclaration<DropDownButtonModule>;
2947
+ }
2948
+
2949
+ /**
2950
+ * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
2951
+ * definition for the Chip and ChipList components.
2952
+ *
2953
+ * Required for adding Chip and ChipList features in NgModule-based Angular applications.
2954
+ *
2955
+ * @example
2956
+ * ```typescript
2957
+ * import { ChipModule } from '@progress/kendo-angular-buttons';
2958
+ * import { NgModule } from '@angular/core';
2959
+ * import { BrowserModule } from '@angular/platform-browser';
2960
+ * import { AppComponent } from './app.component';
2961
+ *
2962
+ * @NgModule({
2963
+ * declarations: [AppComponent],
2964
+ * imports: [BrowserModule, ChipModule],
2965
+ * bootstrap: [AppComponent]
2966
+ * })
2967
+ * export class AppModule {}
2968
+ * ```
2969
+ */
2970
+ declare class ChipModule {
2971
+ static ɵfac: i0.ɵɵFactoryDeclaration<ChipModule, never>;
2972
+ static ɵmod: i0.ɵɵNgModuleDeclaration<ChipModule, never, [typeof ChipComponent, typeof ChipListComponent], [typeof ChipComponent, typeof ChipListComponent]>;
2973
+ static ɵinj: i0.ɵɵInjectorDeclaration<ChipModule>;
2974
+ }
2975
+
2976
+ /**
2977
+ * Represents the NgModule definition for the FloatingActionButton component.
2978
+ *
2979
+ * Required for adding FloatingActionButton features in NgModule-based Angular applications.
2980
+ *
2981
+ * @example
2982
+ * ```ts
2983
+ * import { FloatingActionButtonModule } from '@progress/kendo-angular-buttons';
2984
+ * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
2985
+ * import { NgModule } from '@angular/core';
2986
+ * import { AppComponent } from './app.component';
2987
+ * import { BrowserModule } from '@angular/platform-browser';
2988
+ *
2989
+ * @NgModule({
2990
+ * declarations: [AppComponent],
2991
+ * imports: [BrowserModule, FloatingActionButtonModule],
2992
+ * bootstrap: [AppComponent]
2993
+ * })
2994
+ * export class AppModule {}
2995
+ * ```
2996
+ */
2997
+ declare class FloatingActionButtonModule {
2998
+ static ɵfac: i0.ɵɵFactoryDeclaration<FloatingActionButtonModule, never>;
2999
+ static ɵmod: i0.ɵɵNgModuleDeclaration<FloatingActionButtonModule, never, [typeof FloatingActionButtonComponent, typeof DialItemTemplateDirective, typeof FloatingActionButtonTemplateDirective], [typeof FloatingActionButtonComponent, typeof DialItemTemplateDirective, typeof FloatingActionButtonTemplateDirective]>;
3000
+ static ɵinj: i0.ɵɵInjectorDeclaration<FloatingActionButtonModule>;
3001
+ }
3002
+
3003
+ /**
3004
+ * Defines the settings interface for the speech-to-text functionality used in components that integrate the SpeechToTextButton component, such as the AIPrompt ([see example](https://www.telerik.com/kendo-angular-ui/components/conversational-ui/aiprompt/configuration#enabling-speech-to-text)).
3005
+ *
3006
+ * @example
3007
+ * ```typescript
3008
+ * const speechSettings: SpeechToTextButtonSettings = {
3009
+ * continuous: true,
3010
+ * lang: 'en-US',
3011
+ * interimResults: false,
3012
+ * disabled: false
3013
+ * };
3014
+ * ```
3015
+ */
3016
+ interface SpeechToTextButtonSettings {
3017
+ /**
3018
+ * Specifies whether the component returns continuous results for each recognition, or only a single result once recognition stops.
3019
+ */
3020
+ continuous?: boolean;
3021
+ /**
3022
+ * When `true`, disables the SpeechToTextButton and prevents user interaction.
3023
+ */
3024
+ disabled?: boolean;
3025
+ /**
3026
+ * Sets the background and border styles of the SpeechToTextButton.
3027
+ */
3028
+ fillMode?: ButtonFillMode;
3029
+ /**
3030
+ * Specifies which speech recognition engine or integration the component should use. Allows the component to operate in different environments or use alternative implementations.
3031
+ */
3032
+ integrationMode?: IntegrationMode;
3033
+ /**
3034
+ * Specifies whether the component should return interim results or not. Interim results are results that are not yet final.
3035
+ */
3036
+ interimResults?: boolean;
3037
+ /**
3038
+ * Specifies a `BCP 47` language tag (e.g., `'en-US'`, `'bg-BG'`) used for speech recognition.
3039
+ */
3040
+ lang?: string;
3041
+ /**
3042
+ * Represents the maximum number of alternative transcriptions to return for each result.
3043
+ */
3044
+ maxAlternatives?: number;
3045
+ /**
3046
+ * Sets the border radius of the SpeechToTextButton.
3047
+ */
3048
+ rounded?: ButtonRounded;
3049
+ /**
3050
+ * Sets the padding of the SpeechToTextButton.
3051
+ */
3052
+ size?: ButtonSize;
3053
+ /**
3054
+ * Sets a predefined theme color for the SpeechToTextButton. The theme color applies as a background and border color and adjusts the text color.
3055
+ */
3056
+ themeColor?: ButtonThemeColor;
3057
+ }
3058
+
3059
+ /**
3060
+ * Represents the exported package module.
3061
+ *
3062
+ * Required for adding SpeechToTextButton features in NgModule-based Angular applications.
3063
+ *
3064
+ * The package exports:
3065
+ * - `SpeechToTextButtonComponent`&mdash;The SpeechToTextButton component class.
3066
+ */
3067
+ declare class SpeechToTextButtonModule {
3068
+ static ɵfac: i0.ɵɵFactoryDeclaration<SpeechToTextButtonModule, never>;
3069
+ static ɵmod: i0.ɵɵNgModuleDeclaration<SpeechToTextButtonModule, never, [typeof SpeechToTextButtonComponent], [typeof SpeechToTextButtonComponent]>;
3070
+ static ɵinj: i0.ɵɵInjectorDeclaration<SpeechToTextButtonModule>;
3071
+ }
3072
+
3073
+ /**
3074
+ * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
3075
+ * definition for the SmartPasteButton component.
3076
+ *
3077
+ * The module is meant for backward compatibility. For new applications, use the standalone SmartPasteButton component.
3078
+ *
3079
+ * @example
3080
+ * ```ts-no-run
3081
+ * import { SmartPasteButtonModule } from '@progress/kendo-angular-buttons';
3082
+ *
3083
+ * _@NgModule({
3084
+ * imports: [SmartPasteButtonModule]
3085
+ * })
3086
+ * export class AppModule {}
3087
+ * ```
3088
+ */
3089
+ declare class SmartPasteButtonModule {
3090
+ static ɵfac: i0.ɵɵFactoryDeclaration<SmartPasteButtonModule, never>;
3091
+ static ɵmod: i0.ɵɵNgModuleDeclaration<SmartPasteButtonModule, never, [typeof SmartPasteButtonComponent], [typeof SmartPasteButtonComponent]>;
3092
+ static ɵinj: i0.ɵɵInjectorDeclaration<SmartPasteButtonModule>;
3093
+ }
3094
+
3095
+ /**
3096
+ * Represents the exported package module.
3097
+ *
3098
+ * Required for adding SegmentedControl features in NgModule-based Angular applications.
3099
+ *
3100
+ * The package exports:
3101
+ * - `SegmentedControlComponent`&mdash;The SegmentedControl component class.
3102
+ */
3103
+ declare class SegmentedControlModule {
3104
+ static ɵfac: i0.ɵɵFactoryDeclaration<SegmentedControlModule, never>;
3105
+ static ɵmod: i0.ɵɵNgModuleDeclaration<SegmentedControlModule, never, [typeof SegmentedControlComponent], [typeof SegmentedControlComponent]>;
3106
+ static ɵinj: i0.ɵɵInjectorDeclaration<SegmentedControlModule>;
3107
+ }
3108
+
3109
+ /**
3110
+ * @hidden
3111
+ */
3112
+ declare class FocusableDirective implements OnInit, OnDestroy {
3113
+ private focusService;
3114
+ private renderer;
3115
+ index: number;
3116
+ private element;
3117
+ private subs;
3118
+ constructor(focusService: FocusService, elementRef: ElementRef, renderer: Renderer2);
3119
+ ngOnInit(): void;
3120
+ /**
3121
+ * @hidden
3122
+ */
3123
+ ngOnDestroy(): void;
3124
+ private subscribeEvents;
3125
+ static ɵfac: i0.ɵɵFactoryDeclaration<FocusableDirective, never>;
3126
+ static ɵdir: i0.ɵɵDirectiveDeclaration<FocusableDirective, "[kendoButtonFocusable]", never, { "index": { "alias": "index"; "required": false; }; }, {}, never, never, true, never>;
3127
+ }
3128
+
3129
+ /**
3130
+ * Use the `KENDO_BUTTON` utility array to add all Button-related components and directives to a standalone Angular component.
3131
+ *
3132
+ * @example
3133
+ * ```typescript
3134
+ * @Component({
3135
+ * standalone: true,
3136
+ * imports: [KENDO_BUTTON],
3137
+ * // ...
3138
+ * })
3139
+ * export class MyComponent {}
3140
+ * ```
3141
+ */
3142
+ declare const KENDO_BUTTON: readonly [typeof ButtonComponent];
3143
+ /**
3144
+ * Use the `KENDO_BUTTONGROUP` utility array to add all ButtonGroup-related components and directives to a standalone Angular component.
3145
+ *
3146
+ * @example
3147
+ * ```typescript
3148
+ * @Component({
3149
+ * standalone: true,
3150
+ * imports: [KENDO_BUTTONGROUP],
3151
+ * // ...
3152
+ * })
3153
+ * export class MyComponent {}
3154
+ * ```
3155
+ */
3156
+ declare const KENDO_BUTTONGROUP: readonly [typeof ButtonComponent, typeof ButtonGroupComponent];
3157
+ /**
3158
+ * Use the `KENDO_DROPDOWNBUTTON` utility array to add all DropDownButton-related components and directives to a standalone Angular component.
3159
+ *
3160
+ * @example
3161
+ * ```typescript
3162
+ * @Component({
3163
+ * standalone: true,
3164
+ * imports: [KENDO_DROPDOWNBUTTON],
3165
+ * // ...
3166
+ * })
3167
+ * export class MyComponent {}
3168
+ * ```
3169
+ */
3170
+ declare const KENDO_DROPDOWNBUTTON: readonly [typeof DropDownButtonComponent, typeof ButtonItemTemplateDirective];
3171
+ /**
3172
+ * Use the `KENDO_CHIP` utility array to add all Chip-related components and directives to a standalone Angular component.
3173
+ *
3174
+ * @example
3175
+ * ```typescript
3176
+ * @Component({
3177
+ * standalone: true,
3178
+ * imports: [KENDO_CHIP],
3179
+ * // ...
3180
+ * })
3181
+ * export class MyComponent {}
3182
+ * ```
3183
+ */
3184
+ declare const KENDO_CHIP: readonly [typeof ChipComponent];
3185
+ /**
3186
+ * Use the `KENDO_CHIPLIST` utility array to add all ChipList-related components and directives to a standalone Angular component.
3187
+ *
3188
+ * @example
3189
+ * ```typescript
3190
+ * @Component({
3191
+ * standalone: true,
3192
+ * imports: [KENDO_CHIPLIST],
3193
+ * // ...
3194
+ * })
3195
+ * export class MyComponent {}
3196
+ * ```
3197
+ */
3198
+ declare const KENDO_CHIPLIST: readonly [typeof ChipComponent, typeof ChipListComponent];
3199
+ /**
3200
+ * Use the `KENDO_FLOATINGACTIONBUTTON` utility array to add all FloatingActionButton-related components and directives to a standalone Angular component.
3201
+ *
3202
+ * @example
3203
+ * ```typescript
3204
+ * @Component({
3205
+ * standalone: true,
3206
+ * imports: [KENDO_FLOATINGACTIONBUTTON],
3207
+ * // ...
3208
+ * })
3209
+ * export class MyComponent {}
3210
+ * ```
3211
+ */
3212
+ declare const KENDO_FLOATINGACTIONBUTTON: readonly [typeof FloatingActionButtonComponent, typeof DialItemTemplateDirective, typeof FloatingActionButtonTemplateDirective];
3213
+ /**
3214
+ * Use the `KENDO_SPLITBUTTON` utility array to add all SplitButton-related components and directives to a standalone Angular component.
3215
+ *
3216
+ * @example
3217
+ * ```typescript
3218
+ * @Component({
3219
+ * standalone: true,
3220
+ * imports: [KENDO_SPLITBUTTON],
3221
+ * // ...
3222
+ * })
3223
+ * export class MyComponent {}
3224
+ * ```
3225
+ */
3226
+ declare const KENDO_SPLITBUTTON: readonly [typeof SplitButtonComponent, typeof SplitButtonCustomMessagesComponent, typeof ToggleButtonTabStopDirective, typeof ButtonItemTemplateDirective];
3227
+ /**
3228
+ * Use the `KENDO_SPEECHTOTEXTBUTTON` utility array to add all SpeechToTextButton-related components and directives to a standalone Angular component.
3229
+ *
3230
+ * @example
3231
+ * ```typescript
3232
+ * @Component({
3233
+ * standalone: true,
3234
+ * imports: [KENDO_SPEECHTOTEXTBUTTON],
3235
+ * // ...
3236
+ * })
3237
+ * export class MyComponent {}
3238
+ * ```
3239
+ */
3240
+ declare const KENDO_SPEECHTOTEXTBUTTON: readonly [typeof SpeechToTextButtonComponent];
3241
+ /**
3242
+ * Use the `KENDO_SMARTPASTEBUTTON` utility array to add all SmartPasteButton-related components and directives to a standalone Angular component.
3243
+ *
3244
+ * @example
3245
+ * ```typescript
3246
+ * @Component({
3247
+ * standalone: true,
3248
+ * imports: [KENDO_SMARTPASTEBUTTON],
3249
+ * // ...
3250
+ * })
3251
+ * export class MyComponent {}
3252
+ * ```
3253
+ */
3254
+ declare const KENDO_SMARTPASTEBUTTON: readonly [typeof SmartPasteButtonComponent];
3255
+ /**
3256
+ * Use the `KENDO_SEGMENTEDCONTROL` utility array to add all SegmentedControl-related components and directives to a standalone Angular component.
3257
+ *
3258
+ * @example
3259
+ * ```typescript
3260
+ * @Component({
3261
+ * standalone: true,
3262
+ * imports: [KENDO_SEGMENTEDCONTROL],
3263
+ * // ...
3264
+ * })
3265
+ * export class MyComponent {}
3266
+ * ```
3267
+ */
3268
+ declare const KENDO_SEGMENTEDCONTROL: readonly [typeof SegmentedControlComponent];
3269
+ /**
3270
+ * Use the `KENDO_BUTTONS` utility array to add all `@progress/kendo-angular-buttons`-related components and directives to a standalone Angular component.
3271
+ *
3272
+ * @example
3273
+ * ```typescript
3274
+ * @Component({
3275
+ * standalone: true,
3276
+ * imports: [KENDO_BUTTONS],
3277
+ * // ...
3278
+ * })
3279
+ * export class MyComponent {}
3280
+ * ```
3281
+ */
3282
+ declare const KENDO_BUTTONS: readonly [typeof ButtonComponent, typeof ButtonComponent, typeof ButtonGroupComponent, typeof DropDownButtonComponent, typeof ButtonItemTemplateDirective, typeof ChipComponent, typeof ChipComponent, typeof ChipListComponent, typeof FloatingActionButtonComponent, typeof DialItemTemplateDirective, typeof FloatingActionButtonTemplateDirective, typeof SplitButtonComponent, typeof SplitButtonCustomMessagesComponent, typeof ToggleButtonTabStopDirective, typeof ButtonItemTemplateDirective, typeof SpeechToTextButtonComponent, typeof SmartPasteButtonComponent, typeof SegmentedControlComponent];
3283
+
3284
+ export { ButtonComponent as Button, ButtonComponent, ButtonComponent as ButtonDirective, ButtonGroupComponent as ButtonGroup, ButtonGroupComponent, ButtonGroupModule, ButtonItemTemplateDirective, ButtonModule, ButtonsModule, ChipComponent, ChipListComponent, ChipModule, DialItemTemplateDirective, DropDownButtonComponent as DropDownButton, DropDownButtonComponent, DropDownButtonModule, FloatingActionButtonComponent, FloatingActionButtonModule, FloatingActionButtonTemplateDirective, FocusableDirective, KENDO_BUTTON, KENDO_BUTTONGROUP, KENDO_BUTTONS, KENDO_CHIP, KENDO_CHIPLIST, KENDO_DROPDOWNBUTTON, KENDO_FLOATINGACTIONBUTTON, KENDO_SEGMENTEDCONTROL, KENDO_SMARTPASTEBUTTON, KENDO_SPEECHTOTEXTBUTTON, KENDO_SPLITBUTTON, KendoButtonService, ListComponent, LocalizedSplitButtonMessagesDirective, PreventableEvent, SegmentedControlComponent, SegmentedControlModule, SmartPasteButtonComponent, SmartPasteButtonModule, SmartPasteRequestEndEvent, SmartPasteRequestStartEvent, SpeechToTextButtonComponent, SpeechToTextButtonModule, SplitButtonComponent as SplitButton, SplitButtonComponent, SplitButtonCustomMessagesComponent, SplitButtonModule };
3285
+ export type { ArrowIconSettings, ButtonFillMode, ButtonGroupSelection, ButtonIconPosition, ButtonRounded, ButtonSettings, ButtonSize, ButtonThemeColor, ChipAvatarSettings, ChipContentClickEvent, ChipFillMode, ChipListRemoveEvent, ChipListSelection, ChipRemoveEvent, ChipRounded, ChipSize, ChipThemeColor, DialItem, DialItemAnimation, DialItemClickEvent, DropDownButtonSize, FabAlign, FabOffset, FabPositionMode, FloatingActionButtonSize, FloatingActionButtonThemeColor, IntegrationMode, ListItemModel, PopupSettings, SegmentedControlLayout, SegmentedControlSize, SegmentedItemSettings, SmartPasteAIRequestData, SmartPasteAIRequestOptions, SmartPasteAIResponse, SmartPasteFormField, SmartPasteType, SpeechToTextButtonSettings, SpeechToTextErrorEvent, SpeechToTextResultEvent, SplitButtonSize };