@progress/kendo-angular-buttons 24.2.2 → 25.0.0-develop.12

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