@progress/kendo-angular-toolbar 24.2.2 → 25.0.0-develop.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/progress-kendo-angular-toolbar.mjs +60 -60
- package/index.d.ts +1529 -21
- package/package-metadata.mjs +2 -2
- package/package.json +13 -13
- package/common/fillmode.d.ts +0 -8
- package/common/overflow-mode.d.ts +0 -8
- package/common/overflow-settings.d.ts +0 -45
- package/common/preventable-event.d.ts +0 -21
- package/common/renderer-click.d.ts +0 -12
- package/common/scroll-buttons.d.ts +0 -22
- package/common/size.d.ts +0 -8
- package/direction.d.ts +0 -8
- package/directives.d.ts +0 -35
- package/display-mode.d.ts +0 -16
- package/group-selection-settings.d.ts +0 -9
- package/localization/custom-messages.component.d.ts +0 -30
- package/localization/localized-toolbar-messages.directive.d.ts +0 -16
- package/localization/messages.d.ts +0 -25
- package/navigation.service.d.ts +0 -36
- package/package-metadata.d.ts +0 -9
- package/popup-settings.d.ts +0 -60
- package/refresh.service.d.ts +0 -16
- package/render-location.d.ts +0 -8
- package/renderer.component.d.ts +0 -47
- package/renderer.service.d.ts +0 -24
- package/scroll.service.d.ts +0 -43
- package/scrollable-button.component.d.ts +0 -40
- package/tool-options.d.ts +0 -15
- package/toolbar.component.d.ts +0 -316
- package/toolbar.module.d.ts +0 -32
- package/tools/toolbar-button.component.d.ts +0 -198
- package/tools/toolbar-buttongroup.component.d.ts +0 -117
- package/tools/toolbar-dropdownbutton.component.d.ts +0 -195
- package/tools/toolbar-separator.component.d.ts +0 -40
- package/tools/toolbar-spacer.component.d.ts +0 -43
- package/tools/toolbar-splitbutton.component.d.ts +0 -194
- package/tools/toolbar-tool.component.d.ts +0 -77
- package/tools/tools.service.d.ts +0 -21
- package/util.d.ts +0 -115
package/tool-options.d.ts
DELETED
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { SVGIcon } from "@progress/kendo-svg-icons";
|
|
6
|
-
/**
|
|
7
|
-
* @hidden
|
|
8
|
-
*/
|
|
9
|
-
export interface ToolOptions {
|
|
10
|
-
text: string;
|
|
11
|
-
icon: string;
|
|
12
|
-
iconClass: string;
|
|
13
|
-
svgIcon: SVGIcon;
|
|
14
|
-
imageUrl: string;
|
|
15
|
-
}
|
package/toolbar.component.d.ts
DELETED
|
@@ -1,316 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { TemplateRef, ElementRef, QueryList, EventEmitter, ViewContainerRef, NgZone, Renderer2, SimpleChanges, ChangeDetectorRef } from '@angular/core';
|
|
6
|
-
import { PopupService, PopupRef } from '@progress/kendo-angular-popup';
|
|
7
|
-
import { ResizeSensorComponent } from '@progress/kendo-angular-common';
|
|
8
|
-
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
9
|
-
import { LicenseMessage } from '@progress/kendo-licensing';
|
|
10
|
-
import { RefreshService } from './refresh.service';
|
|
11
|
-
import { NavigationService } from './navigation.service';
|
|
12
|
-
import { PopupSettings } from './popup-settings';
|
|
13
|
-
import { ToolBarToolComponent } from './tools/toolbar-tool.component';
|
|
14
|
-
import { ToolbarSize } from './common/size';
|
|
15
|
-
import { PreventableEvent } from './common/preventable-event';
|
|
16
|
-
import { Direction } from './direction';
|
|
17
|
-
import { RendererClickPayload } from './common/renderer-click';
|
|
18
|
-
import { SVGIcon } from '@progress/kendo-svg-icons';
|
|
19
|
-
import { ToolbarToolsService } from './tools/tools.service';
|
|
20
|
-
import { ToolbarFillMode } from './common/fillmode';
|
|
21
|
-
import { OverflowMode } from './common/overflow-mode';
|
|
22
|
-
import { ToolbarOverflowSettings } from './common/overflow-settings';
|
|
23
|
-
import { ToolbarScrollButtonsPosition } from './common/scroll-buttons';
|
|
24
|
-
import { ScrollService } from './scroll.service';
|
|
25
|
-
import { DisplayMode } from './display-mode';
|
|
26
|
-
import * as i0 from "@angular/core";
|
|
27
|
-
/**
|
|
28
|
-
* Represents the [Kendo UI ToolBar component for Angular](https://www.telerik.com/kendo-angular-ui/components/toolbar).
|
|
29
|
-
*
|
|
30
|
-
* @example
|
|
31
|
-
* ```html
|
|
32
|
-
* <kendo-toolbar>
|
|
33
|
-
* <kendo-toolbar-button text="Button"></kendo-toolbar-button>
|
|
34
|
-
* </kendo-toolbar>
|
|
35
|
-
* ```
|
|
36
|
-
*
|
|
37
|
-
* @remarks
|
|
38
|
-
* Supported children components are:
|
|
39
|
-
* {@link ToolBarButtonComponent},
|
|
40
|
-
* {@link ToolBarButtonGroupComponent},
|
|
41
|
-
* {@link ToolBarDropDownButtonComponent},
|
|
42
|
-
* {@link ToolBarSplitButtonComponent},
|
|
43
|
-
* {@link ToolBarSeparatorComponent},
|
|
44
|
-
* {@link ToolBarSpacerComponent},
|
|
45
|
-
* {@link ToolbarCustomMessagesComponent},
|
|
46
|
-
* {@link ToolBarToolComponent},
|
|
47
|
-
* {@link EditorColorPickerComponent},
|
|
48
|
-
* {@link EditorFontFamilyComponent},
|
|
49
|
-
* {@link EditorFontSizeComponent},
|
|
50
|
-
* {@link EditorFormatComponent},
|
|
51
|
-
* {@link EditorInsertTableButtonComponent},
|
|
52
|
-
* {@link SelectAllToolbarToolComponent}.
|
|
53
|
-
*/
|
|
54
|
-
export declare class ToolBarComponent {
|
|
55
|
-
localization: LocalizationService;
|
|
56
|
-
private popupService;
|
|
57
|
-
refreshService: RefreshService;
|
|
58
|
-
private navigationService;
|
|
59
|
-
element: ElementRef;
|
|
60
|
-
private zone;
|
|
61
|
-
private renderer;
|
|
62
|
-
private _cdr;
|
|
63
|
-
private toolsService;
|
|
64
|
-
private scrollService;
|
|
65
|
-
get overflowClass(): string;
|
|
66
|
-
/**
|
|
67
|
-
* Sets the overflow mode for the ToolBar.
|
|
68
|
-
* Use this property to control how tools render when their total size is greater than the ToolBar container.
|
|
69
|
-
* @default false
|
|
70
|
-
*/
|
|
71
|
-
set overflow(overflow: boolean | OverflowMode | ToolbarOverflowSettings);
|
|
72
|
-
get overflow(): boolean | OverflowMode | ToolbarOverflowSettings;
|
|
73
|
-
get showScrollButtons(): boolean;
|
|
74
|
-
/**
|
|
75
|
-
* @hidden
|
|
76
|
-
*/
|
|
77
|
-
set resizable(value: boolean);
|
|
78
|
-
get resizable(): boolean;
|
|
79
|
-
/**
|
|
80
|
-
* @hidden
|
|
81
|
-
*/
|
|
82
|
-
get hasScrollButtons(): {
|
|
83
|
-
visible: boolean;
|
|
84
|
-
position: ToolbarScrollButtonsPosition;
|
|
85
|
-
};
|
|
86
|
-
/**
|
|
87
|
-
* @hidden
|
|
88
|
-
*/
|
|
89
|
-
get isScrollMode(): boolean;
|
|
90
|
-
/**
|
|
91
|
-
* @hidden
|
|
92
|
-
*/
|
|
93
|
-
get showMenu(): boolean;
|
|
94
|
-
/**
|
|
95
|
-
* @hidden
|
|
96
|
-
*/
|
|
97
|
-
get overflowEnabled(): boolean;
|
|
98
|
-
/**
|
|
99
|
-
* Configures the popup for the ToolBar overflow button.
|
|
100
|
-
* Use this property to customize the overflow popup appearance and behavior
|
|
101
|
-
* ([see example](https://www.telerik.com/kendo-angular-ui/components/toolbar/responsive-toolbar#customizing-the-popup)).
|
|
102
|
-
*/
|
|
103
|
-
set popupSettings(settings: PopupSettings);
|
|
104
|
-
get popupSettings(): PopupSettings;
|
|
105
|
-
/**
|
|
106
|
-
* Sets the fill mode for the ToolBar.
|
|
107
|
-
* This property controls the background and border styles of the ToolBar
|
|
108
|
-
* ([see example](https://www.telerik.com/kendo-angular-ui/components/toolbar/appearance#fill-mode)). The default value is set by the Kendo theme.
|
|
109
|
-
*/
|
|
110
|
-
set fillMode(fillMode: ToolbarFillMode);
|
|
111
|
-
get fillMode(): ToolbarFillMode;
|
|
112
|
-
/**
|
|
113
|
-
* Sets the `tabindex` attribute of the ToolBar.
|
|
114
|
-
* Use this property to control the tab order of the ToolBar component.
|
|
115
|
-
*
|
|
116
|
-
* @default 0
|
|
117
|
-
*/
|
|
118
|
-
tabindex: number;
|
|
119
|
-
/**
|
|
120
|
-
* Sets the size for all ToolBar elements.
|
|
121
|
-
* Use this property to control the padding of the ToolBar elements. The default value is set by the Kendo theme.
|
|
122
|
-
*/
|
|
123
|
-
set size(size: ToolbarSize);
|
|
124
|
-
get size(): ToolbarSize;
|
|
125
|
-
/**
|
|
126
|
-
* @hidden
|
|
127
|
-
*/
|
|
128
|
-
set tabIndex(tabIndex: number);
|
|
129
|
-
get tabIndex(): number;
|
|
130
|
-
/**
|
|
131
|
-
* Sets the icon visibility for all tools in the ToolBar.
|
|
132
|
-
* You can override this property for each tool using the `showIcon` property of the tool.
|
|
133
|
-
* @default 'always'
|
|
134
|
-
*/
|
|
135
|
-
set showIcon(value: DisplayMode | boolean);
|
|
136
|
-
/**
|
|
137
|
-
* Sets the text visibility for all tools in the ToolBar.
|
|
138
|
-
* You can override this property for each tool using the `showText` property of the tool.
|
|
139
|
-
* @default 'always'
|
|
140
|
-
*/
|
|
141
|
-
set showText(value: DisplayMode | boolean);
|
|
142
|
-
/**
|
|
143
|
-
* Emits when the overflow popup of the ToolBar opens.
|
|
144
|
-
*/
|
|
145
|
-
open: EventEmitter<PreventableEvent>;
|
|
146
|
-
/**
|
|
147
|
-
* Emits when the overflow popup of the ToolBar closes.
|
|
148
|
-
*/
|
|
149
|
-
close: EventEmitter<PreventableEvent>;
|
|
150
|
-
allTools: QueryList<ToolBarToolComponent>;
|
|
151
|
-
overflowButton: ElementRef;
|
|
152
|
-
popupTemplate: TemplateRef<any>;
|
|
153
|
-
popupSectionTemplate: TemplateRef<any>;
|
|
154
|
-
scrollContainer: ElementRef;
|
|
155
|
-
resizeSensor: ResizeSensorComponent;
|
|
156
|
-
container: ViewContainerRef;
|
|
157
|
-
prevScrollButton: ElementRef;
|
|
158
|
-
nextScrollButton: ElementRef;
|
|
159
|
-
startButtonGroup: ElementRef;
|
|
160
|
-
endButtonGroup: ElementRef;
|
|
161
|
-
scrollSeparator: ElementRef;
|
|
162
|
-
popupRef: PopupRef;
|
|
163
|
-
direction: Direction;
|
|
164
|
-
get appendTo(): ViewContainerRef;
|
|
165
|
-
set popupOpen(open: boolean);
|
|
166
|
-
get popupOpen(): boolean;
|
|
167
|
-
/**
|
|
168
|
-
* @hidden
|
|
169
|
-
*/
|
|
170
|
-
prevButtonIcon: SVGIcon;
|
|
171
|
-
/**
|
|
172
|
-
* @hidden
|
|
173
|
-
*/
|
|
174
|
-
nextButtonIcon: SVGIcon;
|
|
175
|
-
/**
|
|
176
|
-
* @hidden
|
|
177
|
-
*/
|
|
178
|
-
propertyChange: EventEmitter<{
|
|
179
|
-
property: string;
|
|
180
|
-
value: any;
|
|
181
|
-
}>;
|
|
182
|
-
hostClass: boolean;
|
|
183
|
-
get scrollableClass(): boolean;
|
|
184
|
-
get sectionClass(): boolean;
|
|
185
|
-
private _overflow;
|
|
186
|
-
private _popupSettings;
|
|
187
|
-
private cachedOverflowAnchorWidth;
|
|
188
|
-
private _open;
|
|
189
|
-
private toolbarKeydownListener;
|
|
190
|
-
private overflowKeydownListener;
|
|
191
|
-
private sectionKeydownListener;
|
|
192
|
-
private cancelRenderedToolsSubscription$;
|
|
193
|
-
private cachedGap;
|
|
194
|
-
private _size;
|
|
195
|
-
private _fillMode;
|
|
196
|
-
private _showText;
|
|
197
|
-
private _showIcon;
|
|
198
|
-
private overflowButtonClickedTime;
|
|
199
|
-
private showAutoButtons;
|
|
200
|
-
private scrollButtonStateChangeSub;
|
|
201
|
-
private scrollContainerScrollSub;
|
|
202
|
-
/**
|
|
203
|
-
* @hidden
|
|
204
|
-
*/
|
|
205
|
-
get normalizedOverflow(): ToolbarOverflowSettings;
|
|
206
|
-
private subscriptions;
|
|
207
|
-
private popupSubs;
|
|
208
|
-
private focusedByPointer;
|
|
209
|
-
/**
|
|
210
|
-
* @hidden
|
|
211
|
-
*/
|
|
212
|
-
onFocus(ev: any): void;
|
|
213
|
-
/**
|
|
214
|
-
* @hidden
|
|
215
|
-
*/
|
|
216
|
-
onFocusOut(event: any): void;
|
|
217
|
-
role: string;
|
|
218
|
-
get getDir(): string;
|
|
219
|
-
get resizableClass(): boolean;
|
|
220
|
-
/**
|
|
221
|
-
* @hidden
|
|
222
|
-
*/
|
|
223
|
-
showLicenseWatermark: boolean;
|
|
224
|
-
/**
|
|
225
|
-
* @hidden
|
|
226
|
-
*/
|
|
227
|
-
licenseMessage?: LicenseMessage;
|
|
228
|
-
constructor(localization: LocalizationService, popupService: PopupService, refreshService: RefreshService, navigationService: NavigationService, element: ElementRef, zone: NgZone, renderer: Renderer2, _cdr: ChangeDetectorRef, toolsService: ToolbarToolsService, scrollService: ScrollService);
|
|
229
|
-
ngAfterContentInit(): void;
|
|
230
|
-
ngAfterViewInit(): void;
|
|
231
|
-
ngOnInit(): void;
|
|
232
|
-
ngOnChanges(changes: SimpleChanges): void;
|
|
233
|
-
ngOnDestroy(): void;
|
|
234
|
-
/**
|
|
235
|
-
* @hidden
|
|
236
|
-
*/
|
|
237
|
-
showOverflowSeparator: boolean;
|
|
238
|
-
/**
|
|
239
|
-
* @hidden
|
|
240
|
-
*/
|
|
241
|
-
get moreToolsTitle(): string;
|
|
242
|
-
/**
|
|
243
|
-
* @hidden
|
|
244
|
-
*/
|
|
245
|
-
get cdr(): ChangeDetectorRef;
|
|
246
|
-
/**
|
|
247
|
-
* @hidden
|
|
248
|
-
*/
|
|
249
|
-
get sectionSizeClass(): string;
|
|
250
|
-
/**
|
|
251
|
-
* @hidden
|
|
252
|
-
*/
|
|
253
|
-
getScrollButtonTitle(buttonType: string): string;
|
|
254
|
-
/**
|
|
255
|
-
* @hidden
|
|
256
|
-
*/
|
|
257
|
-
scrollTools(dir: string): void;
|
|
258
|
-
/**
|
|
259
|
-
* @hidden
|
|
260
|
-
*/
|
|
261
|
-
onRendererClick(data: RendererClickPayload): void;
|
|
262
|
-
/**
|
|
263
|
-
* @hidden
|
|
264
|
-
*/
|
|
265
|
-
overflowButtonIcon(iconType: string): any;
|
|
266
|
-
/**
|
|
267
|
-
* @hidden
|
|
268
|
-
*/
|
|
269
|
-
showPopup(): void;
|
|
270
|
-
/**
|
|
271
|
-
* Toggles the visibility of the overflow popup.
|
|
272
|
-
*/
|
|
273
|
-
toggle(popupOpen?: boolean): void;
|
|
274
|
-
/**
|
|
275
|
-
* @hidden
|
|
276
|
-
*/
|
|
277
|
-
onResize(): void;
|
|
278
|
-
/**
|
|
279
|
-
* @hidden
|
|
280
|
-
*/
|
|
281
|
-
onPopupOpen(): void;
|
|
282
|
-
/**
|
|
283
|
-
* @hidden
|
|
284
|
-
*/
|
|
285
|
-
onPopupClose(): void;
|
|
286
|
-
/**
|
|
287
|
-
* @hidden
|
|
288
|
-
*/
|
|
289
|
-
overflowBtnId: string;
|
|
290
|
-
/**
|
|
291
|
-
* @hidden
|
|
292
|
-
*/
|
|
293
|
-
popupId: string;
|
|
294
|
-
private displayAnchor;
|
|
295
|
-
private get popupWidth();
|
|
296
|
-
private get popupHeight();
|
|
297
|
-
private get overflowAnchorWidth();
|
|
298
|
-
private get gap();
|
|
299
|
-
private get childrenWidth();
|
|
300
|
-
get visibleTools(): ToolBarToolComponent[];
|
|
301
|
-
get overflowTools(): ToolBarToolComponent[];
|
|
302
|
-
private shrink;
|
|
303
|
-
private stretch;
|
|
304
|
-
private hideLastVisibleTool;
|
|
305
|
-
private showFirstHiddenTool;
|
|
306
|
-
private setPopupContentDimensions;
|
|
307
|
-
private destroyPopup;
|
|
308
|
-
private handleClasses;
|
|
309
|
-
private normalizePopupClasses;
|
|
310
|
-
private setScrollableOverlayClasses;
|
|
311
|
-
private handleScrollModeUpdates;
|
|
312
|
-
private removeSubscriptions;
|
|
313
|
-
private normalizeDisplayValue;
|
|
314
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ToolBarComponent, never>;
|
|
315
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ToolBarComponent, "kendo-toolbar", ["kendoToolBar"], { "overflow": { "alias": "overflow"; "required": false; }; "resizable": { "alias": "resizable"; "required": false; }; "popupSettings": { "alias": "popupSettings"; "required": false; }; "fillMode": { "alias": "fillMode"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "size": { "alias": "size"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "showIcon": { "alias": "showIcon"; "required": false; }; "showText": { "alias": "showText"; "required": false; }; }, { "open": "open"; "close": "close"; }, ["allTools"], never, true, never>;
|
|
316
|
-
}
|
package/toolbar.module.d.ts
DELETED
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
import * as i1 from "./toolbar.component";
|
|
7
|
-
import * as i2 from "./localization/custom-messages.component";
|
|
8
|
-
import * as i3 from "./tools/toolbar-button.component";
|
|
9
|
-
import * as i4 from "./tools/toolbar-buttongroup.component";
|
|
10
|
-
import * as i5 from "./tools/toolbar-dropdownbutton.component";
|
|
11
|
-
import * as i6 from "./tools/toolbar-separator.component";
|
|
12
|
-
import * as i7 from "./tools/toolbar-spacer.component";
|
|
13
|
-
import * as i8 from "./tools/toolbar-splitbutton.component";
|
|
14
|
-
import * as i9 from "./tools/toolbar-tool.component";
|
|
15
|
-
/**
|
|
16
|
-
* Represents the [`NgModule`](link:site.data.urls.angular['ngmoduleapi']) definition for the ToolBar component.
|
|
17
|
-
*
|
|
18
|
-
* @example
|
|
19
|
-
* ```typescript
|
|
20
|
-
* import { ToolBarModule } from '@progress/kendo-angular-toolbar';
|
|
21
|
-
*
|
|
22
|
-
* @NgModule({
|
|
23
|
-
* imports: [ToolBarModule]
|
|
24
|
-
* })
|
|
25
|
-
* export class AppModule {}
|
|
26
|
-
* ```
|
|
27
|
-
*/
|
|
28
|
-
export declare class ToolBarModule {
|
|
29
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ToolBarModule, never>;
|
|
30
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<ToolBarModule, never, [typeof i1.ToolBarComponent, typeof i2.ToolbarCustomMessagesComponent, typeof i3.ToolBarButtonComponent, typeof i4.ToolBarButtonGroupComponent, typeof i5.ToolBarDropDownButtonComponent, typeof i6.ToolBarSeparatorComponent, typeof i7.ToolBarSpacerComponent, typeof i8.ToolBarSplitButtonComponent, typeof i9.ToolBarToolComponent], [typeof i1.ToolBarComponent, typeof i2.ToolbarCustomMessagesComponent, typeof i3.ToolBarButtonComponent, typeof i4.ToolBarButtonGroupComponent, typeof i5.ToolBarDropDownButtonComponent, typeof i6.ToolBarSeparatorComponent, typeof i7.ToolBarSpacerComponent, typeof i8.ToolBarSplitButtonComponent, typeof i9.ToolBarToolComponent]>;
|
|
31
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<ToolBarModule>;
|
|
32
|
-
}
|
|
@@ -1,198 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { EventEmitter, ElementRef, NgZone } from '@angular/core';
|
|
6
|
-
import { ToolBarToolComponent } from './toolbar-tool.component';
|
|
7
|
-
import { DisplayMode } from '../display-mode';
|
|
8
|
-
import { ToolOptions } from '../tool-options';
|
|
9
|
-
import { ButtonFillMode, ButtonThemeColor, ButtonRounded } from '@progress/kendo-angular-buttons';
|
|
10
|
-
import { SVGIcon } from '@progress/kendo-svg-icons';
|
|
11
|
-
import { ToolBarComponent } from '../toolbar.component';
|
|
12
|
-
import * as i0 from "@angular/core";
|
|
13
|
-
/**
|
|
14
|
-
* Represents the [Kendo UI ToolBar Button tool for Angular](https://www.telerik.com/kendo-angular-ui/components/toolbar/control-types#buttons).
|
|
15
|
-
*
|
|
16
|
-
* Use this component to render a button inside the ToolBar.
|
|
17
|
-
*
|
|
18
|
-
* @example
|
|
19
|
-
* ```html
|
|
20
|
-
* <kendo-toolbar>
|
|
21
|
-
* <kendo-toolbar-button text="Button"></kendo-toolbar-button>
|
|
22
|
-
* </kendo-toolbar>
|
|
23
|
-
* ```
|
|
24
|
-
*
|
|
25
|
-
*/
|
|
26
|
-
export declare class ToolBarButtonComponent extends ToolBarToolComponent {
|
|
27
|
-
element: ElementRef;
|
|
28
|
-
private zone;
|
|
29
|
-
host: ToolBarComponent;
|
|
30
|
-
/**
|
|
31
|
-
* Specifies the button text visibility.
|
|
32
|
-
* Accepts a `DisplayMode` value.
|
|
33
|
-
* @default 'always'
|
|
34
|
-
*/
|
|
35
|
-
set showText(value: DisplayMode);
|
|
36
|
-
get showText(): DisplayMode;
|
|
37
|
-
/**
|
|
38
|
-
* Specifies the button icon visibility.
|
|
39
|
-
* Accepts a `DisplayMode` value.
|
|
40
|
-
* @default 'always'
|
|
41
|
-
*/
|
|
42
|
-
set showIcon(value: DisplayMode);
|
|
43
|
-
get showIcon(): DisplayMode;
|
|
44
|
-
/**
|
|
45
|
-
* Specifies the text of the Button
|
|
46
|
-
* ([see example](https://www.telerik.com/kendo-angular-ui/components/toolbar/control-types#buttons)).
|
|
47
|
-
*/
|
|
48
|
-
set text(text: string);
|
|
49
|
-
get text(): string;
|
|
50
|
-
/**
|
|
51
|
-
* @hidden
|
|
52
|
-
*/
|
|
53
|
-
get size(): any;
|
|
54
|
-
/**
|
|
55
|
-
* Specifies custom inline CSS styles for the Button.
|
|
56
|
-
*/
|
|
57
|
-
style: {
|
|
58
|
-
[key: string]: string | number;
|
|
59
|
-
};
|
|
60
|
-
/**
|
|
61
|
-
* Specifies custom CSS class names to be added to the Button.
|
|
62
|
-
*/
|
|
63
|
-
className: string | Array<string> | {
|
|
64
|
-
[key: string]: boolean;
|
|
65
|
-
};
|
|
66
|
-
/**
|
|
67
|
-
* Specifies the `title` attribute of the Button.
|
|
68
|
-
*
|
|
69
|
-
* @remarks
|
|
70
|
-
* This property is related to accessibility.
|
|
71
|
-
*/
|
|
72
|
-
title: string;
|
|
73
|
-
/**
|
|
74
|
-
* Disables the Button when set to `true`
|
|
75
|
-
* ([see example](https://www.telerik.com/kendo-angular-ui/components/toolbar/control-types#buttons)).
|
|
76
|
-
*/
|
|
77
|
-
disabled: boolean;
|
|
78
|
-
/**
|
|
79
|
-
* Provides visual styling to indicate if the Button is active
|
|
80
|
-
* ([see example](https://www.telerik.com/kendo-angular-ui/components/toolbar/control-types#toggle-buttons)).
|
|
81
|
-
* For toggleable buttons, set this to `true`.
|
|
82
|
-
* @default false
|
|
83
|
-
*/
|
|
84
|
-
toggleable: boolean;
|
|
85
|
-
/**
|
|
86
|
-
* @hidden
|
|
87
|
-
*/
|
|
88
|
-
set look(look: 'default' | 'flat' | 'outline');
|
|
89
|
-
/**
|
|
90
|
-
* @hidden
|
|
91
|
-
*/
|
|
92
|
-
get togglable(): boolean;
|
|
93
|
-
set togglable(value: boolean);
|
|
94
|
-
/**
|
|
95
|
-
* Sets the selected state of the Button.
|
|
96
|
-
* Use with the `toggleable` property.
|
|
97
|
-
* @default false
|
|
98
|
-
*/
|
|
99
|
-
selected: boolean;
|
|
100
|
-
/**
|
|
101
|
-
* Specifies the background and border styles of the Button. The default value is set by the Kendo theme.
|
|
102
|
-
*/
|
|
103
|
-
fillMode: ButtonFillMode;
|
|
104
|
-
/**
|
|
105
|
-
* Specifies the border radius of the Button. The default value is set by the Kendo theme.
|
|
106
|
-
*/
|
|
107
|
-
rounded: ButtonRounded;
|
|
108
|
-
/**
|
|
109
|
-
* Specifies the predefined theme color of the Button. The default value is set by the Kendo theme.
|
|
110
|
-
*/
|
|
111
|
-
themeColor: ButtonThemeColor;
|
|
112
|
-
/**
|
|
113
|
-
* Defines the name for an existing icon in a Kendo UI theme
|
|
114
|
-
* ([see example](https://www.telerik.com/kendo-angular-ui/components/toolbar/control-types#buttons)).
|
|
115
|
-
* The icon is rendered inside the Button by a `span.k-icon` element.
|
|
116
|
-
*/
|
|
117
|
-
set icon(icon: string);
|
|
118
|
-
/**
|
|
119
|
-
* Defines a CSS class or multiple classes to be applied to a `span` element inside the Button.
|
|
120
|
-
* Allows the usage of custom icons.
|
|
121
|
-
*/
|
|
122
|
-
set iconClass(iconClass: string);
|
|
123
|
-
/**
|
|
124
|
-
* Defines an SVGIcon to be rendered within the button.
|
|
125
|
-
* Accepts either an [existing Kendo SVG icon](https://www.telerik.com/kendo-angular-ui/components/icons/svgicon/svgicon-list) or a custom one.
|
|
126
|
-
*/
|
|
127
|
-
set svgIcon(icon: SVGIcon);
|
|
128
|
-
/**
|
|
129
|
-
* Defines a URL for an image to be rendered inside the Button.
|
|
130
|
-
* The URL can be relative or absolute.
|
|
131
|
-
*/
|
|
132
|
-
set imageUrl(imageUrl: string);
|
|
133
|
-
/**
|
|
134
|
-
* Fires each time the Button is clicked.
|
|
135
|
-
*/
|
|
136
|
-
click: EventEmitter<any>;
|
|
137
|
-
/**
|
|
138
|
-
* Fires when the Button's `pointerdown` event is triggered.
|
|
139
|
-
*/
|
|
140
|
-
pointerdown: EventEmitter<any>;
|
|
141
|
-
/**
|
|
142
|
-
* Fires each time the selected state of a toggleable Button is changed.
|
|
143
|
-
* The event argument is the new selected state (Boolean).
|
|
144
|
-
*/
|
|
145
|
-
selectedChange: EventEmitter<any>;
|
|
146
|
-
toolbarOptions: ToolOptions;
|
|
147
|
-
overflowOptions: ToolOptions;
|
|
148
|
-
/**
|
|
149
|
-
* @hidden
|
|
150
|
-
*/
|
|
151
|
-
hasBadgeContainer: boolean;
|
|
152
|
-
/**
|
|
153
|
-
* @hidden
|
|
154
|
-
*/
|
|
155
|
-
showBadge: boolean;
|
|
156
|
-
toolbarButtonElement: ElementRef;
|
|
157
|
-
sectionButtonElement: ElementRef;
|
|
158
|
-
private overflowButtonElement;
|
|
159
|
-
private _showText;
|
|
160
|
-
private _showIcon;
|
|
161
|
-
private _text;
|
|
162
|
-
private propertyChangeSub;
|
|
163
|
-
constructor(element: ElementRef, zone: NgZone, host: ToolBarComponent);
|
|
164
|
-
ngOnInit(): void;
|
|
165
|
-
ngOnDestroy(): void;
|
|
166
|
-
ngOnChanges(changes: any): void;
|
|
167
|
-
/**
|
|
168
|
-
* @hidden
|
|
169
|
-
*/
|
|
170
|
-
onBlur(): void;
|
|
171
|
-
/**
|
|
172
|
-
* @hidden
|
|
173
|
-
*/
|
|
174
|
-
canFocus(): boolean;
|
|
175
|
-
/**
|
|
176
|
-
* @hidden
|
|
177
|
-
*/
|
|
178
|
-
focus(ev: Event): void;
|
|
179
|
-
/**
|
|
180
|
-
* @hidden
|
|
181
|
-
*/
|
|
182
|
-
handleKey(): boolean;
|
|
183
|
-
/**
|
|
184
|
-
* @hidden
|
|
185
|
-
*/
|
|
186
|
-
handleClick(ev: Event): void;
|
|
187
|
-
/**
|
|
188
|
-
* @hidden
|
|
189
|
-
*/
|
|
190
|
-
selectedChangeHandler(state: boolean): void;
|
|
191
|
-
/**
|
|
192
|
-
* @hidden
|
|
193
|
-
*/
|
|
194
|
-
getButton(): HTMLElement;
|
|
195
|
-
private setTextDisplayMode;
|
|
196
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ToolBarButtonComponent, never>;
|
|
197
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ToolBarButtonComponent, "kendo-toolbar-button", ["kendoToolBarButton"], { "showText": { "alias": "showText"; "required": false; }; "showIcon": { "alias": "showIcon"; "required": false; }; "text": { "alias": "text"; "required": false; }; "style": { "alias": "style"; "required": false; }; "className": { "alias": "className"; "required": false; }; "title": { "alias": "title"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "toggleable": { "alias": "toggleable"; "required": false; }; "look": { "alias": "look"; "required": false; }; "togglable": { "alias": "togglable"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "fillMode": { "alias": "fillMode"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "themeColor": { "alias": "themeColor"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconClass": { "alias": "iconClass"; "required": false; }; "svgIcon": { "alias": "svgIcon"; "required": false; }; "imageUrl": { "alias": "imageUrl"; "required": false; }; }, { "click": "click"; "pointerdown": "pointerdown"; "selectedChange": "selectedChange"; }, never, never, true, never>;
|
|
198
|
-
}
|
|
@@ -1,117 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { QueryList, ElementRef } from '@angular/core';
|
|
6
|
-
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
7
|
-
import { ToolBarToolComponent } from './toolbar-tool.component';
|
|
8
|
-
import { ToolBarButtonComponent } from './toolbar-button.component';
|
|
9
|
-
import { ButtonGroupSelection } from '../group-selection-settings';
|
|
10
|
-
import { PreventableEvent } from '@progress/kendo-angular-buttons';
|
|
11
|
-
import { ToolBarComponent } from '../toolbar.component';
|
|
12
|
-
import * as i0 from "@angular/core";
|
|
13
|
-
/**
|
|
14
|
-
* Represents the [Kendo UI Toolbar ButtonGroup for Angular](https://www.telerik.com/kendo-angular-ui/components/toolbar/control-types#button-groups).
|
|
15
|
-
*
|
|
16
|
-
* Use this component to group buttons in a ButtonGroup inside the ToolBar.
|
|
17
|
-
*
|
|
18
|
-
* @example
|
|
19
|
-
* ```html
|
|
20
|
-
* <kendo-toolbar>
|
|
21
|
-
* <kendo-toolbar-buttongroup>
|
|
22
|
-
* <kendo-toolbar-button text="Bold"></kendo-toolbar-button>
|
|
23
|
-
* <kendo-toolbar-button text="Underline"></kendo-toolbar-button>
|
|
24
|
-
* <kendo-toolbar-button text="Italic"></kendo-toolbar-button>
|
|
25
|
-
* </kendo-toolbar-buttongroup>
|
|
26
|
-
* </kendo-toolbar>
|
|
27
|
-
* ```
|
|
28
|
-
*
|
|
29
|
-
* @remarks
|
|
30
|
-
* Supported children components are: {@link ToolBarButtonComponent}
|
|
31
|
-
*/
|
|
32
|
-
export declare class ToolBarButtonGroupComponent extends ToolBarToolComponent {
|
|
33
|
-
private localization;
|
|
34
|
-
private host;
|
|
35
|
-
/**
|
|
36
|
-
* When `true`, disables the whole group of buttons.
|
|
37
|
-
* If you set the `disabled` property of the group, it overrides the `disabled` property of individual buttons.
|
|
38
|
-
*/
|
|
39
|
-
disabled: boolean;
|
|
40
|
-
/**
|
|
41
|
-
* @hidden
|
|
42
|
-
*
|
|
43
|
-
* Used to set different fillmode in Spreadsheet and Toolbar to comply with referent rendering.
|
|
44
|
-
* @default undefined
|
|
45
|
-
*/
|
|
46
|
-
fillMode: 'solid' | 'flat';
|
|
47
|
-
/**
|
|
48
|
-
* Sets the selection mode of the ButtonGroup.
|
|
49
|
-
* @default 'multiple'
|
|
50
|
-
*/
|
|
51
|
-
selection: ButtonGroupSelection;
|
|
52
|
-
/**
|
|
53
|
-
* Sets the width of the ButtonGroup.
|
|
54
|
-
* When you set the width of the ButtonGroup, the buttons have the same width and resize to fill the group wrapper.
|
|
55
|
-
*/
|
|
56
|
-
width: string;
|
|
57
|
-
/**
|
|
58
|
-
* @hidden
|
|
59
|
-
*/
|
|
60
|
-
set look(look: 'default' | 'flat' | 'outline');
|
|
61
|
-
private toolbarButtonGroup;
|
|
62
|
-
private sectionButtonGroup;
|
|
63
|
-
overflowListItems: QueryList<ElementRef>;
|
|
64
|
-
buttonComponents: QueryList<ToolBarButtonComponent>;
|
|
65
|
-
private get buttonElements();
|
|
66
|
-
private focusedIndex;
|
|
67
|
-
private getNextKey;
|
|
68
|
-
private getPrevKey;
|
|
69
|
-
constructor(localization: LocalizationService, host: ToolBarComponent);
|
|
70
|
-
/**
|
|
71
|
-
* @hidden
|
|
72
|
-
*/
|
|
73
|
-
onFocus(): void;
|
|
74
|
-
/**
|
|
75
|
-
* @hidden
|
|
76
|
-
*/
|
|
77
|
-
onNavigate(ev: PreventableEvent): void;
|
|
78
|
-
/**
|
|
79
|
-
* @hidden
|
|
80
|
-
*/
|
|
81
|
-
selectedChangeHandler(state: boolean, button: ToolBarButtonComponent): void;
|
|
82
|
-
/**
|
|
83
|
-
* @hidden
|
|
84
|
-
*/
|
|
85
|
-
overflowSelectedChangeHandler(button: ToolBarButtonComponent): void;
|
|
86
|
-
/**
|
|
87
|
-
* @hidden
|
|
88
|
-
*/
|
|
89
|
-
onButtonClick(ev: MouseEvent): void;
|
|
90
|
-
/**
|
|
91
|
-
* @hidden
|
|
92
|
-
*/
|
|
93
|
-
canFocus(): boolean;
|
|
94
|
-
/**
|
|
95
|
-
* @hidden
|
|
96
|
-
*/
|
|
97
|
-
focus(ev?: Partial<Event>): void;
|
|
98
|
-
/**
|
|
99
|
-
* @hidden
|
|
100
|
-
*/
|
|
101
|
-
handleKey(ev: any): boolean;
|
|
102
|
-
/**
|
|
103
|
-
* @hidden
|
|
104
|
-
*/
|
|
105
|
-
handleClick(ev: any, button: ToolBarButtonComponent): void;
|
|
106
|
-
/**
|
|
107
|
-
* @hidden
|
|
108
|
-
*/
|
|
109
|
-
getIconClasses(button: any): any;
|
|
110
|
-
/**
|
|
111
|
-
* @hidden
|
|
112
|
-
*/
|
|
113
|
-
get size(): any;
|
|
114
|
-
private focusButton;
|
|
115
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ToolBarButtonGroupComponent, never>;
|
|
116
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ToolBarButtonGroupComponent, "kendo-toolbar-buttongroup", ["kendoToolBarButtonGroup"], { "disabled": { "alias": "disabled"; "required": false; }; "fillMode": { "alias": "fillMode"; "required": false; }; "selection": { "alias": "selection"; "required": false; }; "width": { "alias": "width"; "required": false; }; "look": { "alias": "look"; "required": false; }; }, {}, ["buttonComponents"], never, true, never>;
|
|
117
|
-
}
|