@progress/kendo-angular-toolbar 25.3.1-develop.2 → 25.4.0-develop.10
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.
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
import * as i0 from '@angular/core';
|
|
6
|
-
import { TemplateRef, ElementRef, EventEmitter, OnInit, OnDestroy, Renderer2, ViewContainerRef, NgZone, QueryList, ChangeDetectorRef,
|
|
6
|
+
import { TemplateRef, ElementRef, EventEmitter, OnInit, OnDestroy, Renderer2, ViewContainerRef, NgZone, Injector, QueryList, ChangeDetectorRef, AfterViewInit } from '@angular/core';
|
|
7
7
|
import { Align, PopupRef, PopupService, Collision, Margin, Offset } from '@progress/kendo-angular-popup';
|
|
8
8
|
export { Align, Margin, Offset } from '@progress/kendo-angular-popup';
|
|
9
9
|
import { ResizeSensorComponent } from '@progress/kendo-angular-common';
|
|
@@ -45,11 +45,19 @@ declare class ToolBarToolComponent {
|
|
|
45
45
|
toolbarTemplate: TemplateRef<any>;
|
|
46
46
|
sectionTemplate: TemplateRef<any>;
|
|
47
47
|
popupTemplate: TemplateRef<any>;
|
|
48
|
-
tabIndex: number;
|
|
49
|
-
|
|
50
|
-
visibility: string;
|
|
48
|
+
set tabIndex(value: number);
|
|
49
|
+
get tabIndex(): number;
|
|
51
50
|
element: ElementRef;
|
|
52
|
-
|
|
51
|
+
set overflows(value: boolean);
|
|
52
|
+
get overflows(): boolean;
|
|
53
|
+
set visibility(value: string);
|
|
54
|
+
get visibility(): string;
|
|
55
|
+
set isBuiltInTool(value: boolean);
|
|
56
|
+
get isBuiltInTool(): boolean;
|
|
57
|
+
private _isBuiltInTool;
|
|
58
|
+
private _location;
|
|
59
|
+
private _overflows;
|
|
60
|
+
private _visibility;
|
|
53
61
|
/**
|
|
54
62
|
* @hidden
|
|
55
63
|
*/
|
|
@@ -57,7 +65,8 @@ declare class ToolBarToolComponent {
|
|
|
57
65
|
/**
|
|
58
66
|
* @hidden
|
|
59
67
|
*/
|
|
60
|
-
location: RenderLocation;
|
|
68
|
+
set location(value: RenderLocation);
|
|
69
|
+
get location(): RenderLocation;
|
|
61
70
|
constructor();
|
|
62
71
|
/**
|
|
63
72
|
* @hidden
|
|
@@ -85,6 +94,7 @@ declare class ToolBarToolComponent {
|
|
|
85
94
|
* @returns `true` if focus moves to another tool.
|
|
86
95
|
*/
|
|
87
96
|
handleKey(_ev: KeyboardEvent): boolean;
|
|
97
|
+
private _tabIndex;
|
|
88
98
|
static ɵfac: i0.ɵɵFactoryDeclaration<ToolBarToolComponent, never>;
|
|
89
99
|
static ɵdir: i0.ɵɵDirectiveDeclaration<ToolBarToolComponent, never, never, { "responsive": { "alias": "responsive"; "required": false; }; }, {}, never, never, true, never>;
|
|
90
100
|
}
|
|
@@ -131,9 +141,9 @@ interface RendererClickPayload {
|
|
|
131
141
|
declare class ToolbarToolsService {
|
|
132
142
|
renderedToolsChange: Subject<ToolBarRendererComponent[]>;
|
|
133
143
|
overflowToolsChange: Subject<ToolBarRendererComponent[]>;
|
|
134
|
-
renderedTools: ToolBarRendererComponent[]
|
|
135
|
-
overflowTools: ToolBarRendererComponent[]
|
|
136
|
-
allTools: ToolBarToolComponent[]
|
|
144
|
+
renderedTools: i0.WritableSignal<ToolBarRendererComponent[]>;
|
|
145
|
+
overflowTools: i0.WritableSignal<ToolBarRendererComponent[]>;
|
|
146
|
+
allTools: i0.WritableSignal<ToolBarToolComponent[]>;
|
|
137
147
|
reset(): void;
|
|
138
148
|
static ɵfac: i0.ɵɵFactoryDeclaration<ToolbarToolsService, never>;
|
|
139
149
|
static ɵprov: i0.ɵɵInjectableDeclaration<ToolbarToolsService>;
|
|
@@ -148,15 +158,21 @@ declare class ToolBarRendererComponent implements OnInit, OnDestroy {
|
|
|
148
158
|
private refreshService;
|
|
149
159
|
private toolsService;
|
|
150
160
|
private viewContainer;
|
|
151
|
-
tool: ToolBarToolComponent;
|
|
152
|
-
|
|
153
|
-
|
|
161
|
+
set tool(value: ToolBarToolComponent);
|
|
162
|
+
get tool(): ToolBarToolComponent;
|
|
163
|
+
set location(value: RenderLocation);
|
|
164
|
+
get location(): RenderLocation;
|
|
165
|
+
set resizable(value: boolean);
|
|
166
|
+
get resizable(): boolean;
|
|
154
167
|
rendererClick: EventEmitter<RendererClickPayload>;
|
|
155
168
|
template: TemplateRef<any>;
|
|
156
169
|
element: ElementRef;
|
|
157
170
|
private get isSpacer();
|
|
158
171
|
private refreshSubscription;
|
|
159
172
|
private internalComponentRef;
|
|
173
|
+
private _tool;
|
|
174
|
+
private _location;
|
|
175
|
+
private _resizable;
|
|
160
176
|
constructor(renderer: Renderer2, rendererService: RendererService, refreshService: RefreshService, toolsService: ToolbarToolsService, viewContainer: ViewContainerRef);
|
|
161
177
|
ngOnInit(): void;
|
|
162
178
|
ngOnDestroy(): void;
|
|
@@ -186,15 +202,15 @@ type ScrollButtonActiveStateChange = {
|
|
|
186
202
|
* @hidden
|
|
187
203
|
*/
|
|
188
204
|
declare class ScrollService {
|
|
189
|
-
private ngZone;
|
|
190
205
|
private localization;
|
|
206
|
+
private ngZone;
|
|
191
207
|
owner: ToolBarComponent;
|
|
192
208
|
position: number;
|
|
193
209
|
scrollButtonActiveStateChange: Subject<ScrollButtonActiveStateChange>;
|
|
194
210
|
get scrollElement(): HTMLElement;
|
|
195
211
|
get scrollContainerOverflowSize(): number;
|
|
196
212
|
get toolsOverflow(): boolean;
|
|
197
|
-
constructor(
|
|
213
|
+
constructor(localization: LocalizationService, ngZone: NgZone);
|
|
198
214
|
toggleScrollButtonsState(): void;
|
|
199
215
|
onScroll(e: Event): void;
|
|
200
216
|
scrollTools(direction: string): void;
|
|
@@ -211,14 +227,14 @@ declare class ScrollService {
|
|
|
211
227
|
* @hidden
|
|
212
228
|
*/
|
|
213
229
|
declare class NavigationService {
|
|
214
|
-
private zone;
|
|
215
230
|
private scrollService;
|
|
231
|
+
private injector;
|
|
216
232
|
overflowButton: ElementRef<HTMLButtonElement>;
|
|
217
233
|
private focused;
|
|
218
234
|
private renderedTools;
|
|
219
235
|
private isPopupFocused;
|
|
220
236
|
private isOverflowButtonFocused;
|
|
221
|
-
constructor(
|
|
237
|
+
constructor(scrollService: ScrollService, injector: Injector);
|
|
222
238
|
setRenderedTools(rts: ToolBarRendererComponent[]): void;
|
|
223
239
|
click({ context, event: ev }: RendererClickPayload): void;
|
|
224
240
|
moveFocusToToolBar(): void;
|
|
@@ -434,11 +450,12 @@ declare class ToolBarComponent {
|
|
|
434
450
|
refreshService: RefreshService;
|
|
435
451
|
private navigationService;
|
|
436
452
|
element: ElementRef;
|
|
437
|
-
private zone;
|
|
438
453
|
private renderer;
|
|
439
454
|
private _cdr;
|
|
440
455
|
private toolsService;
|
|
441
456
|
private scrollService;
|
|
457
|
+
private injector;
|
|
458
|
+
private zone;
|
|
442
459
|
get overflowClass(): string;
|
|
443
460
|
/**
|
|
444
461
|
* Sets the overflow mode for the ToolBar.
|
|
@@ -467,7 +484,7 @@ declare class ToolBarComponent {
|
|
|
467
484
|
/**
|
|
468
485
|
* @hidden
|
|
469
486
|
*/
|
|
470
|
-
scrollButtonClasses: string[];
|
|
487
|
+
get scrollButtonClasses(): string[];
|
|
471
488
|
/**
|
|
472
489
|
* @hidden
|
|
473
490
|
*/
|
|
@@ -496,7 +513,8 @@ declare class ToolBarComponent {
|
|
|
496
513
|
*
|
|
497
514
|
* @default 0
|
|
498
515
|
*/
|
|
499
|
-
tabindex: number;
|
|
516
|
+
set tabindex(value: number);
|
|
517
|
+
get tabindex(): number;
|
|
500
518
|
/**
|
|
501
519
|
* Sets the size for all ToolBar elements.
|
|
502
520
|
* Use this property to control the padding of the ToolBar elements. The default value is set by the Kendo theme.
|
|
@@ -548,8 +566,10 @@ declare class ToolBarComponent {
|
|
|
548
566
|
startButtonGroup: ElementRef;
|
|
549
567
|
endButtonGroup: ElementRef;
|
|
550
568
|
scrollSeparator: ElementRef;
|
|
551
|
-
popupRef: PopupRef;
|
|
552
|
-
|
|
569
|
+
set popupRef(value: PopupRef);
|
|
570
|
+
get popupRef(): PopupRef;
|
|
571
|
+
private _popupRef;
|
|
572
|
+
get direction(): Direction;
|
|
553
573
|
get appendTo(): ViewContainerRef;
|
|
554
574
|
set popupOpen(open: boolean);
|
|
555
575
|
get popupOpen(): boolean;
|
|
@@ -575,6 +595,8 @@ declare class ToolBarComponent {
|
|
|
575
595
|
private _popupSettings;
|
|
576
596
|
private cachedOverflowAnchorWidth;
|
|
577
597
|
private _open;
|
|
598
|
+
private _direction;
|
|
599
|
+
private _tabindex;
|
|
578
600
|
private toolbarKeydownListener;
|
|
579
601
|
private overflowKeydownListener;
|
|
580
602
|
private sectionKeydownListener;
|
|
@@ -582,10 +604,12 @@ declare class ToolBarComponent {
|
|
|
582
604
|
private cachedGap;
|
|
583
605
|
private _size;
|
|
584
606
|
private _fillMode;
|
|
607
|
+
private _scrollButtonClasses;
|
|
585
608
|
private _showText;
|
|
586
609
|
private _showIcon;
|
|
587
610
|
private overflowButtonClickedTime;
|
|
588
|
-
private
|
|
611
|
+
private _showAutoButtons;
|
|
612
|
+
private _showOverflowSeparator;
|
|
589
613
|
private scrollButtonStateChangeSub;
|
|
590
614
|
private scrollContainerScrollSub;
|
|
591
615
|
/**
|
|
@@ -614,16 +638,15 @@ declare class ToolBarComponent {
|
|
|
614
638
|
* @hidden
|
|
615
639
|
*/
|
|
616
640
|
licenseMessage?: LicenseMessage;
|
|
617
|
-
constructor(localization: LocalizationService, popupService: PopupService, refreshService: RefreshService, navigationService: NavigationService, element: ElementRef,
|
|
641
|
+
constructor(localization: LocalizationService, popupService: PopupService, refreshService: RefreshService, navigationService: NavigationService, element: ElementRef, renderer: Renderer2, _cdr: ChangeDetectorRef, toolsService: ToolbarToolsService, scrollService: ScrollService, injector: Injector, zone: NgZone);
|
|
618
642
|
ngAfterContentInit(): void;
|
|
619
643
|
ngAfterViewInit(): void;
|
|
620
644
|
ngOnInit(): void;
|
|
621
|
-
ngOnChanges(changes: SimpleChanges): void;
|
|
622
645
|
ngOnDestroy(): void;
|
|
623
646
|
/**
|
|
624
647
|
* @hidden
|
|
625
648
|
*/
|
|
626
|
-
showOverflowSeparator: boolean;
|
|
649
|
+
get showOverflowSeparator(): boolean;
|
|
627
650
|
/**
|
|
628
651
|
* @hidden
|
|
629
652
|
*/
|
|
@@ -694,7 +717,6 @@ declare class ToolBarComponent {
|
|
|
694
717
|
private showFirstHiddenTool;
|
|
695
718
|
private setPopupContentDimensions;
|
|
696
719
|
private destroyPopup;
|
|
697
|
-
private updateScrollButtonClasses;
|
|
698
720
|
private handleClasses;
|
|
699
721
|
private normalizePopupClasses;
|
|
700
722
|
private setScrollableOverlayClasses;
|
|
@@ -731,8 +753,9 @@ interface ToolOptions {
|
|
|
731
753
|
*/
|
|
732
754
|
declare class ToolBarButtonComponent extends ToolBarToolComponent {
|
|
733
755
|
element: ElementRef;
|
|
734
|
-
private
|
|
756
|
+
private injector;
|
|
735
757
|
host: ToolBarComponent;
|
|
758
|
+
private cdr;
|
|
736
759
|
/**
|
|
737
760
|
* Specifies the button text visibility.
|
|
738
761
|
* Accepts a `DisplayMode` value.
|
|
@@ -760,13 +783,19 @@ declare class ToolBarButtonComponent extends ToolBarToolComponent {
|
|
|
760
783
|
/**
|
|
761
784
|
* Specifies custom inline CSS styles for the Button.
|
|
762
785
|
*/
|
|
763
|
-
style: {
|
|
786
|
+
set style(value: {
|
|
787
|
+
[key: string]: string | number;
|
|
788
|
+
});
|
|
789
|
+
get style(): {
|
|
764
790
|
[key: string]: string | number;
|
|
765
791
|
};
|
|
766
792
|
/**
|
|
767
793
|
* Specifies custom CSS class names to be added to the Button.
|
|
768
794
|
*/
|
|
769
|
-
className: string | Array<string> | {
|
|
795
|
+
set className(value: string | Array<string> | {
|
|
796
|
+
[key: string]: boolean;
|
|
797
|
+
});
|
|
798
|
+
get className(): string | Array<string> | {
|
|
770
799
|
[key: string]: boolean;
|
|
771
800
|
};
|
|
772
801
|
/**
|
|
@@ -775,19 +804,22 @@ declare class ToolBarButtonComponent extends ToolBarToolComponent {
|
|
|
775
804
|
* @remarks
|
|
776
805
|
* This property is related to accessibility.
|
|
777
806
|
*/
|
|
778
|
-
title: string;
|
|
807
|
+
set title(value: string);
|
|
808
|
+
get title(): string;
|
|
779
809
|
/**
|
|
780
810
|
* Disables the Button when set to `true`
|
|
781
811
|
* ([see example](https://www.telerik.com/kendo-angular-ui/components/toolbar/control-types#buttons)).
|
|
782
812
|
*/
|
|
783
|
-
disabled: boolean;
|
|
813
|
+
set disabled(value: boolean);
|
|
814
|
+
get disabled(): boolean;
|
|
784
815
|
/**
|
|
785
816
|
* Provides visual styling to indicate if the Button is active
|
|
786
817
|
* ([see example](https://www.telerik.com/kendo-angular-ui/components/toolbar/control-types#toggle-buttons)).
|
|
787
818
|
* For toggleable buttons, set this to `true`.
|
|
788
819
|
* @default false
|
|
789
820
|
*/
|
|
790
|
-
toggleable: boolean;
|
|
821
|
+
set toggleable(value: boolean);
|
|
822
|
+
get toggleable(): boolean;
|
|
791
823
|
/**
|
|
792
824
|
* @hidden
|
|
793
825
|
*/
|
|
@@ -802,19 +834,23 @@ declare class ToolBarButtonComponent extends ToolBarToolComponent {
|
|
|
802
834
|
* Use with the `toggleable` property.
|
|
803
835
|
* @default false
|
|
804
836
|
*/
|
|
805
|
-
selected: boolean;
|
|
837
|
+
set selected(value: boolean);
|
|
838
|
+
get selected(): boolean;
|
|
806
839
|
/**
|
|
807
840
|
* Specifies the background and border styles of the Button. The default value is set by the Kendo theme.
|
|
808
841
|
*/
|
|
809
|
-
fillMode: ButtonFillMode;
|
|
842
|
+
set fillMode(value: ButtonFillMode);
|
|
843
|
+
get fillMode(): ButtonFillMode;
|
|
810
844
|
/**
|
|
811
845
|
* Specifies the border radius of the Button. The default value is set by the Kendo theme.
|
|
812
846
|
*/
|
|
813
|
-
rounded: ButtonRounded;
|
|
847
|
+
set rounded(value: ButtonRounded);
|
|
848
|
+
get rounded(): ButtonRounded;
|
|
814
849
|
/**
|
|
815
850
|
* Specifies the predefined theme color of the Button. The default value is set by the Kendo theme.
|
|
816
851
|
*/
|
|
817
|
-
themeColor: ButtonThemeColor;
|
|
852
|
+
set themeColor(value: ButtonThemeColor);
|
|
853
|
+
get themeColor(): ButtonThemeColor;
|
|
818
854
|
/**
|
|
819
855
|
* Defines the name for an existing icon in a Kendo UI theme
|
|
820
856
|
* ([see example](https://www.telerik.com/kendo-angular-ui/components/toolbar/control-types#buttons)).
|
|
@@ -849,31 +885,55 @@ declare class ToolBarButtonComponent extends ToolBarToolComponent {
|
|
|
849
885
|
* The event argument is the new selected state (Boolean).
|
|
850
886
|
*/
|
|
851
887
|
selectedChange: EventEmitter<any>;
|
|
852
|
-
toolbarOptions: ToolOptions;
|
|
853
|
-
|
|
888
|
+
set toolbarOptions(value: ToolOptions);
|
|
889
|
+
get toolbarOptions(): ToolOptions;
|
|
890
|
+
set overflowOptions(value: ToolOptions);
|
|
891
|
+
get overflowOptions(): ToolOptions;
|
|
892
|
+
/**
|
|
893
|
+
* @hidden
|
|
894
|
+
*/
|
|
895
|
+
set hasBadgeContainer(value: boolean);
|
|
896
|
+
get hasBadgeContainer(): boolean;
|
|
897
|
+
/**
|
|
898
|
+
* @hidden
|
|
899
|
+
*/
|
|
900
|
+
set showBadge(value: boolean);
|
|
901
|
+
get showBadge(): boolean;
|
|
854
902
|
/**
|
|
855
903
|
* @hidden
|
|
856
904
|
*/
|
|
857
|
-
|
|
905
|
+
set location(value: RenderLocation);
|
|
858
906
|
/**
|
|
859
907
|
* @hidden
|
|
860
908
|
*/
|
|
861
|
-
|
|
909
|
+
get location(): RenderLocation;
|
|
862
910
|
toolbarButtonElement: ElementRef;
|
|
863
911
|
sectionButtonElement: ElementRef;
|
|
864
912
|
private overflowButtonElement;
|
|
865
|
-
private _showText;
|
|
866
|
-
private _showIcon;
|
|
867
|
-
private _text;
|
|
868
913
|
private _icon;
|
|
869
914
|
private _iconClass;
|
|
870
915
|
private _svgIcon;
|
|
871
916
|
private _imageUrl;
|
|
917
|
+
private _showText;
|
|
918
|
+
private _showIcon;
|
|
919
|
+
private _text;
|
|
920
|
+
private _style;
|
|
921
|
+
private _className;
|
|
922
|
+
private _title;
|
|
923
|
+
private _disabled;
|
|
924
|
+
private _toggleable;
|
|
925
|
+
private _selected;
|
|
926
|
+
private _fillMode;
|
|
927
|
+
private _rounded;
|
|
928
|
+
private _themeColor;
|
|
929
|
+
private _hasBadgeContainer;
|
|
930
|
+
private _showBadge;
|
|
872
931
|
private propertyChangeSub;
|
|
873
|
-
|
|
932
|
+
private _overflowOptions;
|
|
933
|
+
private _toolbarOptions;
|
|
934
|
+
constructor(element: ElementRef, injector: Injector, host: ToolBarComponent, cdr: ChangeDetectorRef);
|
|
874
935
|
ngOnInit(): void;
|
|
875
936
|
ngOnDestroy(): void;
|
|
876
|
-
ngOnChanges(changes: any): void;
|
|
877
937
|
/**
|
|
878
938
|
* @hidden
|
|
879
939
|
*/
|
|
@@ -936,28 +996,33 @@ type ButtonGroupSelection = "single" | "multiple";
|
|
|
936
996
|
declare class ToolBarButtonGroupComponent extends ToolBarToolComponent {
|
|
937
997
|
private localization;
|
|
938
998
|
private host;
|
|
999
|
+
private cdr;
|
|
939
1000
|
/**
|
|
940
1001
|
* When `true`, disables the whole group of buttons.
|
|
941
1002
|
* If you set the `disabled` property of the group, it overrides the `disabled` property of individual buttons.
|
|
942
1003
|
*/
|
|
943
|
-
disabled: boolean;
|
|
1004
|
+
set disabled(value: boolean);
|
|
1005
|
+
get disabled(): boolean;
|
|
944
1006
|
/**
|
|
945
1007
|
* @hidden
|
|
946
1008
|
*
|
|
947
1009
|
* Used to set different fillmode in Spreadsheet and Toolbar to comply with referent rendering.
|
|
948
1010
|
* @default undefined
|
|
949
1011
|
*/
|
|
950
|
-
fillMode: 'solid' | 'flat';
|
|
1012
|
+
set fillMode(value: 'solid' | 'flat');
|
|
1013
|
+
get fillMode(): 'solid' | 'flat';
|
|
951
1014
|
/**
|
|
952
1015
|
* Sets the selection mode of the ButtonGroup.
|
|
953
1016
|
* @default 'multiple'
|
|
954
1017
|
*/
|
|
955
|
-
selection: ButtonGroupSelection;
|
|
1018
|
+
set selection(value: ButtonGroupSelection);
|
|
1019
|
+
get selection(): ButtonGroupSelection;
|
|
956
1020
|
/**
|
|
957
1021
|
* Sets the width of the ButtonGroup.
|
|
958
1022
|
* When you set the width of the ButtonGroup, the buttons have the same width and resize to fill the group wrapper.
|
|
959
1023
|
*/
|
|
960
|
-
width: string;
|
|
1024
|
+
set width(value: string);
|
|
1025
|
+
get width(): string;
|
|
961
1026
|
/**
|
|
962
1027
|
* @hidden
|
|
963
1028
|
*/
|
|
@@ -966,11 +1031,23 @@ declare class ToolBarButtonGroupComponent extends ToolBarToolComponent {
|
|
|
966
1031
|
private sectionButtonGroup;
|
|
967
1032
|
overflowListItems: QueryList<ElementRef>;
|
|
968
1033
|
buttonComponents: QueryList<ToolBarButtonComponent>;
|
|
1034
|
+
/**
|
|
1035
|
+
* @hidden
|
|
1036
|
+
*/
|
|
1037
|
+
set location(value: RenderLocation);
|
|
1038
|
+
/**
|
|
1039
|
+
* @hidden
|
|
1040
|
+
*/
|
|
1041
|
+
get location(): RenderLocation;
|
|
969
1042
|
private get buttonElements();
|
|
1043
|
+
private _disabled;
|
|
1044
|
+
private _fillMode;
|
|
1045
|
+
private _selection;
|
|
1046
|
+
private _width;
|
|
970
1047
|
private focusedIndex;
|
|
971
1048
|
private getNextKey;
|
|
972
1049
|
private getPrevKey;
|
|
973
|
-
constructor(localization: LocalizationService, host: ToolBarComponent);
|
|
1050
|
+
constructor(localization: LocalizationService, host: ToolBarComponent, cdr: ChangeDetectorRef);
|
|
974
1051
|
/**
|
|
975
1052
|
* @hidden
|
|
976
1053
|
*/
|
|
@@ -1035,14 +1112,14 @@ declare class ToolBarButtonGroupComponent extends ToolBarToolComponent {
|
|
|
1035
1112
|
*
|
|
1036
1113
|
*/
|
|
1037
1114
|
declare class ToolBarDropDownButtonComponent extends ToolBarToolComponent implements OnInit {
|
|
1038
|
-
private zone;
|
|
1039
|
-
private renderer;
|
|
1040
1115
|
private host;
|
|
1116
|
+
private cdr;
|
|
1041
1117
|
/**
|
|
1042
1118
|
* Shows the default arrow icon or lets you provide a custom one.
|
|
1043
1119
|
* @default false
|
|
1044
1120
|
*/
|
|
1045
|
-
arrowIcon: boolean | ArrowIconSettings;
|
|
1121
|
+
set arrowIcon(value: boolean | ArrowIconSettings);
|
|
1122
|
+
get arrowIcon(): boolean | ArrowIconSettings;
|
|
1046
1123
|
/**
|
|
1047
1124
|
* Sets the `title` attribute of the underlying button element.
|
|
1048
1125
|
* @default ''
|
|
@@ -1050,7 +1127,8 @@ declare class ToolBarDropDownButtonComponent extends ToolBarToolComponent implem
|
|
|
1050
1127
|
* @remarks
|
|
1051
1128
|
* This property is related to accessibility.
|
|
1052
1129
|
*/
|
|
1053
|
-
title: string;
|
|
1130
|
+
set title(value: string);
|
|
1131
|
+
get title(): string;
|
|
1054
1132
|
/**
|
|
1055
1133
|
* Controls the button text visibility.
|
|
1056
1134
|
* @default 'always'
|
|
@@ -1104,27 +1182,32 @@ declare class ToolBarDropDownButtonComponent extends ToolBarToolComponent implem
|
|
|
1104
1182
|
* Sets the fill mode for the button.
|
|
1105
1183
|
* The fill mode represents the background and border styles. The default value is set by the Kendo theme.
|
|
1106
1184
|
*/
|
|
1107
|
-
fillMode: ButtonFillMode;
|
|
1185
|
+
set fillMode(value: ButtonFillMode);
|
|
1186
|
+
get fillMode(): ButtonFillMode;
|
|
1108
1187
|
/**
|
|
1109
1188
|
* Sets the predefined theme color for the button.
|
|
1110
1189
|
* The theme color applies to the background, border, and text
|
|
1111
1190
|
* ([see example](https://www.telerik.com/kendo-angular-ui/components/buttons/api/dropdownbuttoncomponent#themecolor)). The default value is set by the Kendo theme.
|
|
1112
1191
|
*/
|
|
1113
|
-
themeColor: ButtonThemeColor;
|
|
1192
|
+
set themeColor(value: ButtonThemeColor);
|
|
1193
|
+
get themeColor(): ButtonThemeColor;
|
|
1114
1194
|
/**
|
|
1115
1195
|
* Sets the CSS classes for the main button.
|
|
1116
1196
|
* Accepts values supported by [`ngClass`](link:site.data.urls.angular['ngclassapi']).
|
|
1117
1197
|
*/
|
|
1118
|
-
buttonClass: string;
|
|
1198
|
+
set buttonClass(value: string);
|
|
1199
|
+
get buttonClass(): string;
|
|
1119
1200
|
/**
|
|
1120
1201
|
* Sets the data item field that repesents the item text.
|
|
1121
1202
|
* If the data contains only primitive values, do not set this property.
|
|
1122
1203
|
*/
|
|
1123
|
-
textField: string;
|
|
1204
|
+
set textField(value: string);
|
|
1205
|
+
get textField(): string;
|
|
1124
1206
|
/**
|
|
1125
1207
|
* When `true`, disables the DropDownButton.
|
|
1126
1208
|
*/
|
|
1127
|
-
disabled: boolean;
|
|
1209
|
+
set disabled(value: boolean);
|
|
1210
|
+
get disabled(): boolean;
|
|
1128
1211
|
/**
|
|
1129
1212
|
* Sets the data of the DropDownButton
|
|
1130
1213
|
* ([see example](https://www.telerik.com/kendo-angular-ui/components/toolbar/control-types#drop-down-buttons)).
|
|
@@ -1155,12 +1238,27 @@ declare class ToolBarDropDownButtonComponent extends ToolBarToolComponent implem
|
|
|
1155
1238
|
toolbarOptions: ToolOptions;
|
|
1156
1239
|
overflowOptions: ToolOptions;
|
|
1157
1240
|
private get overflowButtons();
|
|
1241
|
+
/**
|
|
1242
|
+
* @hidden
|
|
1243
|
+
*/
|
|
1244
|
+
set location(value: RenderLocation);
|
|
1245
|
+
/**
|
|
1246
|
+
* @hidden
|
|
1247
|
+
*/
|
|
1248
|
+
get location(): RenderLocation;
|
|
1158
1249
|
private _data;
|
|
1159
1250
|
private _popupSettings;
|
|
1160
1251
|
private focusedIndex;
|
|
1161
1252
|
private _showText;
|
|
1162
1253
|
private _showIcon;
|
|
1163
1254
|
private _text;
|
|
1255
|
+
private _arrowIcon;
|
|
1256
|
+
private _title;
|
|
1257
|
+
private _fillMode;
|
|
1258
|
+
private _themeColor;
|
|
1259
|
+
private _buttonClass;
|
|
1260
|
+
private _textField;
|
|
1261
|
+
private _disabled;
|
|
1164
1262
|
private _icon;
|
|
1165
1263
|
private _iconClass;
|
|
1166
1264
|
private _svgIcon;
|
|
@@ -1168,10 +1266,10 @@ declare class ToolBarDropDownButtonComponent extends ToolBarToolComponent implem
|
|
|
1168
1266
|
private propertyChangeSub;
|
|
1169
1267
|
private getNextKey;
|
|
1170
1268
|
private getPrevKey;
|
|
1171
|
-
constructor(
|
|
1269
|
+
constructor(host: ToolBarComponent, cdr: ChangeDetectorRef);
|
|
1172
1270
|
ngOnInit(): void;
|
|
1173
1271
|
ngOnDestroy(): void;
|
|
1174
|
-
|
|
1272
|
+
get toolbarMenuButtonClass(): string;
|
|
1175
1273
|
/**
|
|
1176
1274
|
* @hidden
|
|
1177
1275
|
*/
|
|
@@ -1222,6 +1320,7 @@ declare class ToolBarDropDownButtonComponent extends ToolBarToolComponent implem
|
|
|
1222
1320
|
*/
|
|
1223
1321
|
declare class ToolBarSplitButtonComponent extends ToolBarToolComponent implements OnInit {
|
|
1224
1322
|
private host;
|
|
1323
|
+
private cdr;
|
|
1225
1324
|
/**
|
|
1226
1325
|
* Controls the button text visibility.
|
|
1227
1326
|
* @default 'always'
|
|
@@ -1260,7 +1359,8 @@ declare class ToolBarSplitButtonComponent extends ToolBarToolComponent implement
|
|
|
1260
1359
|
/**
|
|
1261
1360
|
* When `true`, disables a SplitButton item.
|
|
1262
1361
|
*/
|
|
1263
|
-
disabled: boolean;
|
|
1362
|
+
set disabled(value: boolean);
|
|
1363
|
+
get disabled(): boolean;
|
|
1264
1364
|
/**
|
|
1265
1365
|
* Configures the popup of the SplitButton.
|
|
1266
1366
|
* Accepts a `PopupSettings` object that allows you to customize the popup behavior and appearance.
|
|
@@ -1272,12 +1372,14 @@ declare class ToolBarSplitButtonComponent extends ToolBarToolComponent implement
|
|
|
1272
1372
|
* Sets the fill mode for the button.
|
|
1273
1373
|
* The fill mode represents the background and border styles. The default value is set by the Kendo theme.
|
|
1274
1374
|
*/
|
|
1275
|
-
fillMode: ButtonFillMode;
|
|
1375
|
+
set fillMode(value: ButtonFillMode);
|
|
1376
|
+
get fillMode(): ButtonFillMode;
|
|
1276
1377
|
/**
|
|
1277
1378
|
* Sets the predefined theme color for the button.
|
|
1278
1379
|
* The theme color applies to the background, border, and text. The default value is set by the Kendo theme.
|
|
1279
1380
|
*/
|
|
1280
|
-
themeColor: ButtonThemeColor;
|
|
1381
|
+
set themeColor(value: ButtonThemeColor);
|
|
1382
|
+
get themeColor(): ButtonThemeColor;
|
|
1281
1383
|
/**
|
|
1282
1384
|
* @hidden
|
|
1283
1385
|
*/
|
|
@@ -1286,25 +1388,30 @@ declare class ToolBarSplitButtonComponent extends ToolBarToolComponent implement
|
|
|
1286
1388
|
* Sets the CSS classes for the main button.
|
|
1287
1389
|
* Accepts values supported by [`ngClass`](link:site.data.urls.angular['ngclassapi']).
|
|
1288
1390
|
*/
|
|
1289
|
-
buttonClass: string;
|
|
1391
|
+
set buttonClass(value: string);
|
|
1392
|
+
get buttonClass(): string;
|
|
1290
1393
|
/**
|
|
1291
1394
|
* Sets the CSS classes for the arrow button that opens the popup.
|
|
1292
1395
|
* Accepts values supported by [`ngClass`](link:site.data.urls.angular['ngclassapi']).
|
|
1293
1396
|
*/
|
|
1294
|
-
arrowButtonClass: any;
|
|
1397
|
+
set arrowButtonClass(value: any);
|
|
1398
|
+
get arrowButtonClass(): any;
|
|
1295
1399
|
/**
|
|
1296
1400
|
* Sets the name of the [font icon](https://www.telerik.com/kendo-angular-ui/components/styling/icons#icons-list) for the arrow button.
|
|
1297
1401
|
*/
|
|
1298
|
-
arrowButtonIcon: string;
|
|
1402
|
+
set arrowButtonIcon(value: string);
|
|
1403
|
+
get arrowButtonIcon(): string;
|
|
1299
1404
|
/**
|
|
1300
1405
|
* Sets the [`SVGIcon`](https://www.telerik.com/kendo-angular-ui/components/icons/api/svgicon) for the arrow button.
|
|
1301
1406
|
*/
|
|
1302
|
-
arrowButtonSvgIcon: SVGIcon;
|
|
1407
|
+
set arrowButtonSvgIcon(value: SVGIcon);
|
|
1408
|
+
get arrowButtonSvgIcon(): SVGIcon;
|
|
1303
1409
|
/**
|
|
1304
1410
|
* Sets the text field for the button-list popup.
|
|
1305
1411
|
* @default 'text'
|
|
1306
1412
|
*/
|
|
1307
|
-
textField: string;
|
|
1413
|
+
set textField(value: string);
|
|
1414
|
+
get textField(): string;
|
|
1308
1415
|
/**
|
|
1309
1416
|
* Sets the data of the SplitButton ([see example](https://www.telerik.com/kendo-angular-ui/components/toolbar/control-types#split-buttons)).
|
|
1310
1417
|
*
|
|
@@ -1336,16 +1443,24 @@ declare class ToolBarSplitButtonComponent extends ToolBarToolComponent implement
|
|
|
1336
1443
|
ngOnInit(): void;
|
|
1337
1444
|
ngOnDestroy(): void;
|
|
1338
1445
|
private get overflowButtons();
|
|
1446
|
+
private _icon;
|
|
1447
|
+
private _iconClass;
|
|
1448
|
+
private _svgIcon;
|
|
1449
|
+
private _imageUrl;
|
|
1339
1450
|
private _data;
|
|
1340
1451
|
private _popupSettings;
|
|
1341
1452
|
private focusedIndex;
|
|
1342
1453
|
private _showText;
|
|
1343
1454
|
private _showIcon;
|
|
1344
1455
|
private _text;
|
|
1345
|
-
private
|
|
1346
|
-
private
|
|
1347
|
-
private
|
|
1348
|
-
private
|
|
1456
|
+
private _disabled;
|
|
1457
|
+
private _fillMode;
|
|
1458
|
+
private _themeColor;
|
|
1459
|
+
private _buttonClass;
|
|
1460
|
+
private _arrowButtonClass;
|
|
1461
|
+
private _arrowButtonIcon;
|
|
1462
|
+
private _arrowButtonSvgIcon;
|
|
1463
|
+
private _textField;
|
|
1349
1464
|
private propertyChangeSub;
|
|
1350
1465
|
private getNextKey;
|
|
1351
1466
|
private getPrevKey;
|
|
@@ -1353,7 +1468,15 @@ declare class ToolBarSplitButtonComponent extends ToolBarToolComponent implement
|
|
|
1353
1468
|
private sectionSplitButton;
|
|
1354
1469
|
private overflowMainButton;
|
|
1355
1470
|
overflowListItems: QueryList<ElementRef>;
|
|
1356
|
-
|
|
1471
|
+
/**
|
|
1472
|
+
* @hidden
|
|
1473
|
+
*/
|
|
1474
|
+
set location(value: RenderLocation);
|
|
1475
|
+
/**
|
|
1476
|
+
* @hidden
|
|
1477
|
+
*/
|
|
1478
|
+
get location(): RenderLocation;
|
|
1479
|
+
constructor(host: ToolBarComponent, cdr: ChangeDetectorRef);
|
|
1357
1480
|
/**
|
|
1358
1481
|
* @hidden
|
|
1359
1482
|
*/
|
|
@@ -1471,15 +1594,21 @@ declare class ToolbarMessages extends ComponentMessages {
|
|
|
1471
1594
|
/**
|
|
1472
1595
|
* Sets the title of the **More Tools** button in a responsive ToolBar.
|
|
1473
1596
|
*/
|
|
1474
|
-
moreToolsTitle: string;
|
|
1597
|
+
set moreToolsTitle(value: string);
|
|
1598
|
+
get moreToolsTitle(): string;
|
|
1475
1599
|
/**
|
|
1476
1600
|
* Sets the title for the **Previous Tool** button when the ToolBar is scrollable.
|
|
1477
1601
|
*/
|
|
1478
|
-
previousToolButton: string;
|
|
1602
|
+
set previousToolButton(value: string);
|
|
1603
|
+
get previousToolButton(): string;
|
|
1479
1604
|
/**
|
|
1480
1605
|
* Sets the title for the **Next Tool** button when the ToolBar is scrollable.
|
|
1481
1606
|
*/
|
|
1482
|
-
nextToolButton: string;
|
|
1607
|
+
set nextToolButton(value: string);
|
|
1608
|
+
get nextToolButton(): string;
|
|
1609
|
+
private _moreToolsTitle;
|
|
1610
|
+
private _previousToolButton;
|
|
1611
|
+
private _nextToolButton;
|
|
1483
1612
|
static ɵfac: i0.ɵɵFactoryDeclaration<ToolbarMessages, never>;
|
|
1484
1613
|
static ɵdir: i0.ɵɵDirectiveDeclaration<ToolbarMessages, "kendo-toolbar-messages-base", never, { "moreToolsTitle": { "alias": "moreToolsTitle"; "required": false; }; "previousToolButton": { "alias": "previousToolButton"; "required": false; }; "nextToolButton": { "alias": "nextToolButton"; "required": false; }; }, {}, never, never, true, never>;
|
|
1485
1614
|
}
|
|
@@ -1509,7 +1638,7 @@ declare class ToolbarCustomMessagesComponent extends ToolbarMessages {
|
|
|
1509
1638
|
}
|
|
1510
1639
|
|
|
1511
1640
|
/**
|
|
1512
|
-
*
|
|
1641
|
+
* Specifies the arguments for the `dragStart` event of the FloatingToolBar.
|
|
1513
1642
|
*/
|
|
1514
1643
|
declare class FloatingToolBarDragStartEvent extends PreventableEvent {
|
|
1515
1644
|
sender: FloatingToolBarComponent;
|
|
@@ -1522,7 +1651,7 @@ declare class FloatingToolBarDragStartEvent extends PreventableEvent {
|
|
|
1522
1651
|
preventDefault(): void;
|
|
1523
1652
|
}
|
|
1524
1653
|
/**
|
|
1525
|
-
*
|
|
1654
|
+
* Specifies the arguments for the `move` event of the FloatingToolBar.
|
|
1526
1655
|
*/
|
|
1527
1656
|
declare class FloatingToolBarMoveEvent {
|
|
1528
1657
|
sender: FloatingToolBarComponent;
|
|
@@ -1531,7 +1660,7 @@ declare class FloatingToolBarMoveEvent {
|
|
|
1531
1660
|
constructor(sender: FloatingToolBarComponent, top: number, left: number);
|
|
1532
1661
|
}
|
|
1533
1662
|
/**
|
|
1534
|
-
*
|
|
1663
|
+
* Specifies the arguments for the `dragEnd` event of the FloatingToolBar.
|
|
1535
1664
|
*/
|
|
1536
1665
|
declare class FloatingToolBarDragEndEvent {
|
|
1537
1666
|
sender: FloatingToolBarComponent;
|
|
@@ -1545,18 +1674,13 @@ declare class FloatingToolBarDragEndEvent {
|
|
|
1545
1674
|
*/
|
|
1546
1675
|
type FloatingToolBarPosition = 'top' | 'bottom' | 'left' | 'right';
|
|
1547
1676
|
/**
|
|
1548
|
-
*
|
|
1549
|
-
*
|
|
1550
|
-
* @remarks
|
|
1551
|
-
* Narrower than the ToolBar's own `OverflowMode` — `'section'` is intentionally excluded. The shared
|
|
1552
|
-
* spec does not define a section-list overflow presentation for the FloatingToolBar.
|
|
1677
|
+
* Specifies how the FloatingToolBar renders tools when their total size is greater than the available width.
|
|
1678
|
+
* The `'section'` mode of the ToolBar is not available in the FloatingToolBar.
|
|
1553
1679
|
*/
|
|
1554
1680
|
type FloatingToolBarOverflowMode = 'scroll' | 'menu' | 'none';
|
|
1555
1681
|
/**
|
|
1556
1682
|
* Configures the overflow behavior of the FloatingToolBar in detail.
|
|
1557
|
-
*
|
|
1558
|
-
* @remarks
|
|
1559
|
-
* Narrower than the ToolBar's own `ToolbarOverflowSettings` — `mode` cannot be set to `'section'`.
|
|
1683
|
+
* Unlike the ToolBar, the `mode` property does not accept `'section'`.
|
|
1560
1684
|
*/
|
|
1561
1685
|
type FloatingToolBarOverflowSettings = Omit<ToolbarOverflowSettings, 'mode'> & {
|
|
1562
1686
|
mode?: FloatingToolBarOverflowMode;
|
|
@@ -1593,6 +1717,17 @@ interface PopupPosition {
|
|
|
1593
1717
|
* <kendo-toolbar-button text="Button"></kendo-toolbar-button>
|
|
1594
1718
|
* </kendo-floatingtoolbar>
|
|
1595
1719
|
* ```
|
|
1720
|
+
*
|
|
1721
|
+
* @remarks
|
|
1722
|
+
* Supported children components are:
|
|
1723
|
+
* {@link ToolBarButtonComponent},
|
|
1724
|
+
* {@link ToolBarButtonGroupComponent},
|
|
1725
|
+
* {@link ToolBarDropDownButtonComponent},
|
|
1726
|
+
* {@link ToolBarSplitButtonComponent},
|
|
1727
|
+
* {@link ToolBarSeparatorComponent},
|
|
1728
|
+
* {@link ToolBarSpacerComponent},
|
|
1729
|
+
* {@link ToolBarToolComponent},
|
|
1730
|
+
* {@link FloatingToolBarCustomMessagesComponent}
|
|
1596
1731
|
*/
|
|
1597
1732
|
declare class FloatingToolBarComponent implements OnInit, AfterViewInit, OnDestroy {
|
|
1598
1733
|
private hostElement;
|
|
@@ -1608,6 +1743,7 @@ declare class FloatingToolBarComponent implements OnInit, AfterViewInit, OnDestr
|
|
|
1608
1743
|
/**
|
|
1609
1744
|
* Sets the element the FloatingToolBar is positioned against. When not set, the component
|
|
1610
1745
|
* is positioned within its containing element based on the `containerAlign` option.
|
|
1746
|
+
* Setting a different anchor resets the position set by dragging.
|
|
1611
1747
|
*/
|
|
1612
1748
|
set anchor(value: ElementRef | HTMLElement);
|
|
1613
1749
|
get anchor(): ElementRef | HTMLElement;
|
|
@@ -1663,12 +1799,13 @@ declare class FloatingToolBarComponent implements OnInit, AfterViewInit, OnDestr
|
|
|
1663
1799
|
set fillMode(value: ToolbarFillMode);
|
|
1664
1800
|
get fillMode(): ToolbarFillMode;
|
|
1665
1801
|
/**
|
|
1666
|
-
* Controls whether the user can reposition the FloatingToolBar with the pointer or the keyboard.
|
|
1667
|
-
|
|
1668
|
-
|
|
1669
|
-
|
|
1670
|
-
|
|
1671
|
-
|
|
1802
|
+
* Controls whether the user can reposition the FloatingToolBar with the pointer or the keyboard.
|
|
1803
|
+
* When enabled, the component renders a drag handle before the hosted ToolBar.
|
|
1804
|
+
*
|
|
1805
|
+
* Drag the handle with a pointer to reposition the FloatingToolBar.
|
|
1806
|
+
* To use the keyboard, press `M` while a ToolBar tool or the drag handle has focus. Focus moves to the drag handle,
|
|
1807
|
+
* where you can use the arrow keys to move the FloatingToolBar by 10 pixels at a time.
|
|
1808
|
+
* Press `Enter` or `Space`, or move focus away from the drag handle, to finish the move. Press `Escape` to restore the starting position.
|
|
1672
1809
|
*
|
|
1673
1810
|
* @default false
|
|
1674
1811
|
*/
|
|
@@ -1686,10 +1823,12 @@ declare class FloatingToolBarComponent implements OnInit, AfterViewInit, OnDestr
|
|
|
1686
1823
|
dragStart: EventEmitter<FloatingToolBarDragStartEvent>;
|
|
1687
1824
|
/**
|
|
1688
1825
|
* Fires when the user moves the FloatingToolBar with the pointer or the keyboard.
|
|
1826
|
+
* When a keyboard move is canceled, fires with the starting position.
|
|
1689
1827
|
*/
|
|
1690
1828
|
move: EventEmitter<FloatingToolBarMoveEvent>;
|
|
1691
1829
|
/**
|
|
1692
1830
|
* Fires when a pointer drag ends or the keyboard move mode is committed or canceled.
|
|
1831
|
+
* Also fires when an active drag stops because `anchor` changes, `draggable` is set to `false`, or the component is destroyed.
|
|
1693
1832
|
*/
|
|
1694
1833
|
dragEnd: EventEmitter<FloatingToolBarDragEndEvent>;
|
|
1695
1834
|
/**
|
|
@@ -1702,12 +1841,13 @@ declare class FloatingToolBarComponent implements OnInit, AfterViewInit, OnDestr
|
|
|
1702
1841
|
value: any;
|
|
1703
1842
|
}>;
|
|
1704
1843
|
protected dragHandleIcon: SVGIcon;
|
|
1705
|
-
protected direction: 'ltr' | 'rtl';
|
|
1844
|
+
protected get direction(): 'ltr' | 'rtl';
|
|
1706
1845
|
protected moveMode: i0.Signal<boolean>;
|
|
1707
1846
|
protected popupClass: i0.Signal<string>;
|
|
1708
1847
|
protected popupPosition: i0.Signal<PopupPosition>;
|
|
1709
1848
|
protected popupPositionMode: i0.Signal<"absolute" | "fixed">;
|
|
1710
1849
|
protected get dragHandleTitle(): string;
|
|
1850
|
+
private _direction;
|
|
1711
1851
|
private _anchor;
|
|
1712
1852
|
private _position;
|
|
1713
1853
|
private _containerAlign;
|
|
@@ -1732,12 +1872,13 @@ declare class FloatingToolBarComponent implements OnInit, AfterViewInit, OnDestr
|
|
|
1732
1872
|
ngAfterViewInit(): void;
|
|
1733
1873
|
ngOnDestroy(): void;
|
|
1734
1874
|
/**
|
|
1735
|
-
* Moves the focus
|
|
1875
|
+
* Moves the focus to the first focusable tool that is not in the overflow menu.
|
|
1736
1876
|
*/
|
|
1737
1877
|
focus(): void;
|
|
1738
1878
|
/**
|
|
1739
1879
|
* Sets the FloatingToolBar position using the provided `top` and `left` coordinates.
|
|
1740
1880
|
* The position is clamped to the viewport.
|
|
1881
|
+
* Does not emit the `move` event.
|
|
1741
1882
|
*/
|
|
1742
1883
|
setPosition(position: Offset): void;
|
|
1743
1884
|
protected messageFor(key: string): string;
|