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