@progress/kendo-angular-toolbar 25.4.0-develop.1 → 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.
|
@@ -26,8 +26,8 @@ const packageMetadata = {
|
|
|
26
26
|
productName: 'Kendo UI for Angular',
|
|
27
27
|
productCode: 'KENDOUIANGULAR',
|
|
28
28
|
productCodes: ['KENDOUIANGULAR'],
|
|
29
|
-
publishDate:
|
|
30
|
-
version: '25.4.0-develop.
|
|
29
|
+
publishDate: 1792513888,
|
|
30
|
+
version: '25.4.0-develop.10',
|
|
31
31
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
32
32
|
};
|
|
33
33
|
|
|
@@ -39,10 +39,10 @@ class RefreshService {
|
|
|
39
39
|
refresh(tool) {
|
|
40
40
|
this.onRefresh.emit(tool);
|
|
41
41
|
}
|
|
42
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
43
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
42
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: RefreshService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
43
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: RefreshService });
|
|
44
44
|
}
|
|
45
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
45
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: RefreshService, decorators: [{
|
|
46
46
|
type: Injectable
|
|
47
47
|
}] });
|
|
48
48
|
|
|
@@ -154,10 +154,10 @@ class ScrollService {
|
|
|
154
154
|
this.scrollButtonActiveStateChange.next({ buttonType, active });
|
|
155
155
|
}
|
|
156
156
|
isDisabled = (buttonType) => this.owner[`${buttonType}ScrollButton`]?.nativeElement.classList.contains('k-disabled');
|
|
157
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
158
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
157
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ScrollService, deps: [{ token: i1.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
158
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ScrollService });
|
|
159
159
|
}
|
|
160
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
160
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ScrollService, decorators: [{
|
|
161
161
|
type: Injectable
|
|
162
162
|
}], ctorParameters: () => [{ type: i1.LocalizationService }, { type: i0.NgZone }] });
|
|
163
163
|
|
|
@@ -420,7 +420,7 @@ class NavigationService {
|
|
|
420
420
|
injector;
|
|
421
421
|
overflowButton;
|
|
422
422
|
focused = { renderedTool: null, index: -1 };
|
|
423
|
-
renderedTools = signal([], ...(ngDevMode ? [{ debugName: "renderedTools" }] :
|
|
423
|
+
renderedTools = signal([], ...(ngDevMode ? [{ debugName: "renderedTools" }] : []));
|
|
424
424
|
isPopupFocused = false;
|
|
425
425
|
isOverflowButtonFocused = false;
|
|
426
426
|
constructor(scrollService, injector) {
|
|
@@ -563,10 +563,10 @@ class NavigationService {
|
|
|
563
563
|
return (isPresent(this.overflowButton) &&
|
|
564
564
|
window.getComputedStyle(this.overflowButton.nativeElement).getPropertyValue('visibility') === 'visible');
|
|
565
565
|
}
|
|
566
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
567
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
566
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NavigationService, deps: [{ token: ScrollService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
567
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NavigationService });
|
|
568
568
|
}
|
|
569
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
569
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NavigationService, decorators: [{
|
|
570
570
|
type: Injectable
|
|
571
571
|
}], ctorParameters: () => [{ type: ScrollService }, { type: i0.Injector }] });
|
|
572
572
|
|
|
@@ -623,10 +623,10 @@ class ToolBarToolComponent {
|
|
|
623
623
|
get isBuiltInTool() {
|
|
624
624
|
return this._isBuiltInTool();
|
|
625
625
|
}
|
|
626
|
-
_isBuiltInTool = signal(false, ...(ngDevMode ? [{ debugName: "_isBuiltInTool" }] :
|
|
627
|
-
_location = signal(null, ...(ngDevMode ? [{ debugName: "_location" }] :
|
|
628
|
-
_overflows = signal(true, ...(ngDevMode ? [{ debugName: "_overflows" }] :
|
|
629
|
-
_visibility = signal(null, ...(ngDevMode ? [{ debugName: "_visibility" }] :
|
|
626
|
+
_isBuiltInTool = signal(false, ...(ngDevMode ? [{ debugName: "_isBuiltInTool" }] : []));
|
|
627
|
+
_location = signal(null, ...(ngDevMode ? [{ debugName: "_location" }] : []));
|
|
628
|
+
_overflows = signal(true, ...(ngDevMode ? [{ debugName: "_overflows" }] : []));
|
|
629
|
+
_visibility = signal(null, ...(ngDevMode ? [{ debugName: "_visibility" }] : []));
|
|
630
630
|
/**
|
|
631
631
|
* @hidden
|
|
632
632
|
*/
|
|
@@ -680,11 +680,11 @@ class ToolBarToolComponent {
|
|
|
680
680
|
handleKey(_ev) {
|
|
681
681
|
return false;
|
|
682
682
|
}
|
|
683
|
-
_tabIndex = signal(-1, ...(ngDevMode ? [{ debugName: "_tabIndex" }] :
|
|
684
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
685
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
683
|
+
_tabIndex = signal(-1, ...(ngDevMode ? [{ debugName: "_tabIndex" }] : []));
|
|
684
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ToolBarToolComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
685
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.33", type: ToolBarToolComponent, isStandalone: true, inputs: { responsive: "responsive" }, viewQueries: [{ propertyName: "toolbarTemplate", first: true, predicate: ["toolbarTemplate"], descendants: true, static: true }, { propertyName: "sectionTemplate", first: true, predicate: ["sectionTemplate"], descendants: true, static: true }, { propertyName: "popupTemplate", first: true, predicate: ["popupTemplate"], descendants: true, static: true }], ngImport: i0 });
|
|
686
686
|
}
|
|
687
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
687
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ToolBarToolComponent, decorators: [{
|
|
688
688
|
type: Directive,
|
|
689
689
|
args: [{
|
|
690
690
|
standalone: true
|
|
@@ -763,10 +763,10 @@ class RendererService {
|
|
|
763
763
|
setAttribute(element, attr, value) {
|
|
764
764
|
this.renderer.setAttribute(element, attr, value);
|
|
765
765
|
}
|
|
766
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
767
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
766
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: RendererService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
767
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: RendererService });
|
|
768
768
|
}
|
|
769
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
769
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: RendererService, decorators: [{
|
|
770
770
|
type: Injectable
|
|
771
771
|
}] });
|
|
772
772
|
|
|
@@ -776,18 +776,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
|
|
|
776
776
|
class ToolbarToolsService {
|
|
777
777
|
renderedToolsChange = new Subject();
|
|
778
778
|
overflowToolsChange = new Subject();
|
|
779
|
-
renderedTools = signal([], ...(ngDevMode ? [{ debugName: "renderedTools" }] :
|
|
780
|
-
overflowTools = signal([], ...(ngDevMode ? [{ debugName: "overflowTools" }] :
|
|
781
|
-
allTools = signal([], ...(ngDevMode ? [{ debugName: "allTools" }] :
|
|
779
|
+
renderedTools = signal([], ...(ngDevMode ? [{ debugName: "renderedTools" }] : []));
|
|
780
|
+
overflowTools = signal([], ...(ngDevMode ? [{ debugName: "overflowTools" }] : []));
|
|
781
|
+
allTools = signal([], ...(ngDevMode ? [{ debugName: "allTools" }] : []));
|
|
782
782
|
reset() {
|
|
783
783
|
this.renderedTools.set([]);
|
|
784
784
|
this.overflowTools.set([]);
|
|
785
785
|
this.allTools.set([]);
|
|
786
786
|
}
|
|
787
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
788
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
787
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ToolbarToolsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
788
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ToolbarToolsService });
|
|
789
789
|
}
|
|
790
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
790
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ToolbarToolsService, decorators: [{
|
|
791
791
|
type: Injectable
|
|
792
792
|
}] });
|
|
793
793
|
|
|
@@ -827,9 +827,9 @@ class ToolBarRendererComponent {
|
|
|
827
827
|
}
|
|
828
828
|
refreshSubscription;
|
|
829
829
|
internalComponentRef;
|
|
830
|
-
_tool = signal(null, ...(ngDevMode ? [{ debugName: "_tool" }] :
|
|
831
|
-
_location = signal(null, ...(ngDevMode ? [{ debugName: "_location" }] :
|
|
832
|
-
_resizable = signal(false, ...(ngDevMode ? [{ debugName: "_resizable" }] :
|
|
830
|
+
_tool = signal(null, ...(ngDevMode ? [{ debugName: "_tool" }] : []));
|
|
831
|
+
_location = signal(null, ...(ngDevMode ? [{ debugName: "_location" }] : []));
|
|
832
|
+
_resizable = signal(false, ...(ngDevMode ? [{ debugName: "_resizable" }] : []));
|
|
833
833
|
constructor(renderer, rendererService, refreshService, toolsService, viewContainer) {
|
|
834
834
|
this.renderer = renderer;
|
|
835
835
|
this.rendererService = rendererService;
|
|
@@ -980,10 +980,10 @@ class ToolBarRendererComponent {
|
|
|
980
980
|
this.renderer.setStyle(this.internalComponentRef, 'visibility', 'hidden');
|
|
981
981
|
this.renderer.setStyle(this.internalComponentRef, 'display', 'none');
|
|
982
982
|
}
|
|
983
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
984
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
983
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ToolBarRendererComponent, deps: [{ token: i0.Renderer2 }, { token: RendererService }, { token: RefreshService }, { token: ToolbarToolsService }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
984
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.33", type: ToolBarRendererComponent, isStandalone: true, selector: "[kendoToolbarRenderer]", inputs: { tool: "tool", location: "location", resizable: "resizable" }, outputs: { rendererClick: "rendererClick" }, providers: [RendererService], ngImport: i0 });
|
|
985
985
|
}
|
|
986
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
986
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ToolBarRendererComponent, decorators: [{
|
|
987
987
|
type: Directive,
|
|
988
988
|
args: [{
|
|
989
989
|
providers: [RendererService],
|
|
@@ -1031,13 +1031,13 @@ class ToolbarMessages extends ComponentMessages {
|
|
|
1031
1031
|
get nextToolButton() {
|
|
1032
1032
|
return this._nextToolButton();
|
|
1033
1033
|
}
|
|
1034
|
-
_moreToolsTitle = signal(null, ...(ngDevMode ? [{ debugName: "_moreToolsTitle" }] :
|
|
1035
|
-
_previousToolButton = signal(null, ...(ngDevMode ? [{ debugName: "_previousToolButton" }] :
|
|
1036
|
-
_nextToolButton = signal(null, ...(ngDevMode ? [{ debugName: "_nextToolButton" }] :
|
|
1037
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1038
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1034
|
+
_moreToolsTitle = signal(null, ...(ngDevMode ? [{ debugName: "_moreToolsTitle" }] : []));
|
|
1035
|
+
_previousToolButton = signal(null, ...(ngDevMode ? [{ debugName: "_previousToolButton" }] : []));
|
|
1036
|
+
_nextToolButton = signal(null, ...(ngDevMode ? [{ debugName: "_nextToolButton" }] : []));
|
|
1037
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ToolbarMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
1038
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.33", type: ToolbarMessages, isStandalone: true, selector: "kendo-toolbar-messages-base", inputs: { moreToolsTitle: "moreToolsTitle", previousToolButton: "previousToolButton", nextToolButton: "nextToolButton" }, usesInheritance: true, ngImport: i0 });
|
|
1039
1039
|
}
|
|
1040
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1040
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ToolbarMessages, decorators: [{
|
|
1041
1041
|
type: Directive,
|
|
1042
1042
|
args: [{
|
|
1043
1043
|
selector: 'kendo-toolbar-messages-base'
|
|
@@ -1059,15 +1059,15 @@ class LocalizedToolbarMessagesDirective extends ToolbarMessages {
|
|
|
1059
1059
|
super();
|
|
1060
1060
|
this.service = service;
|
|
1061
1061
|
}
|
|
1062
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1063
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1062
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: LocalizedToolbarMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
1063
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.33", type: LocalizedToolbarMessagesDirective, isStandalone: true, selector: "[kendoToolbarLocalizedMessages]", providers: [
|
|
1064
1064
|
{
|
|
1065
1065
|
provide: ToolbarMessages,
|
|
1066
1066
|
useExisting: forwardRef(() => LocalizedToolbarMessagesDirective)
|
|
1067
1067
|
}
|
|
1068
1068
|
], usesInheritance: true, ngImport: i0 });
|
|
1069
1069
|
}
|
|
1070
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1070
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: LocalizedToolbarMessagesDirective, decorators: [{
|
|
1071
1071
|
type: Directive,
|
|
1072
1072
|
args: [{
|
|
1073
1073
|
providers: [
|
|
@@ -1178,8 +1178,8 @@ class ToolbarScrollableButtonComponent {
|
|
|
1178
1178
|
}
|
|
1179
1179
|
}
|
|
1180
1180
|
}
|
|
1181
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1182
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1181
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ToolbarScrollableButtonComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
|
|
1182
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.33", type: ToolbarScrollableButtonComponent, isStandalone: true, selector: "[kendoToolbarScrollableButton]", inputs: { prev: "prev", overflow: "overflow" }, outputs: { onClick: "onClick" }, host: { properties: { "class.k-toolbar-prev": "this.prevClass", "class.k-toolbar-next": "this.nextClass", "attr.role": "this.role" } }, ngImport: i0, template: `
|
|
1183
1183
|
<kendo-icon-wrapper
|
|
1184
1184
|
[name]="iconClass"
|
|
1185
1185
|
[customFontClass]="customIconClass"
|
|
@@ -1189,7 +1189,7 @@ class ToolbarScrollableButtonComponent {
|
|
|
1189
1189
|
</kendo-icon-wrapper>
|
|
1190
1190
|
`, isInline: true, dependencies: [{ kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1191
1191
|
}
|
|
1192
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1192
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ToolbarScrollableButtonComponent, decorators: [{
|
|
1193
1193
|
type: Component,
|
|
1194
1194
|
args: [{
|
|
1195
1195
|
template: `
|
|
@@ -1464,7 +1464,7 @@ class ToolBarComponent {
|
|
|
1464
1464
|
get popupRef() {
|
|
1465
1465
|
return this._popupRef();
|
|
1466
1466
|
}
|
|
1467
|
-
_popupRef = signal(null, ...(ngDevMode ? [{ debugName: "_popupRef" }] :
|
|
1467
|
+
_popupRef = signal(null, ...(ngDevMode ? [{ debugName: "_popupRef" }] : []));
|
|
1468
1468
|
get direction() {
|
|
1469
1469
|
return this._direction();
|
|
1470
1470
|
}
|
|
@@ -1513,19 +1513,19 @@ class ToolBarComponent {
|
|
|
1513
1513
|
get sectionClass() {
|
|
1514
1514
|
return this.normalizedOverflow.mode === 'section';
|
|
1515
1515
|
}
|
|
1516
|
-
_overflow = signal(false, ...(ngDevMode ? [{ debugName: "_overflow" }] :
|
|
1517
|
-
_popupSettings = signal(undefined, ...(ngDevMode ? [{ debugName: "_popupSettings" }] :
|
|
1518
|
-
cachedOverflowAnchorWidth = signal(null, ...(ngDevMode ? [{ debugName: "cachedOverflowAnchorWidth" }] :
|
|
1519
|
-
_open = signal(false, ...(ngDevMode ? [{ debugName: "_open" }] :
|
|
1520
|
-
_direction = signal('ltr', ...(ngDevMode ? [{ debugName: "_direction" }] :
|
|
1521
|
-
_tabindex = signal(0, ...(ngDevMode ? [{ debugName: "_tabindex" }] :
|
|
1516
|
+
_overflow = signal(false, ...(ngDevMode ? [{ debugName: "_overflow" }] : []));
|
|
1517
|
+
_popupSettings = signal(undefined, ...(ngDevMode ? [{ debugName: "_popupSettings" }] : []));
|
|
1518
|
+
cachedOverflowAnchorWidth = signal(null, ...(ngDevMode ? [{ debugName: "cachedOverflowAnchorWidth" }] : []));
|
|
1519
|
+
_open = signal(false, ...(ngDevMode ? [{ debugName: "_open" }] : []));
|
|
1520
|
+
_direction = signal('ltr', ...(ngDevMode ? [{ debugName: "_direction" }] : []));
|
|
1521
|
+
_tabindex = signal(0, ...(ngDevMode ? [{ debugName: "_tabindex" }] : []));
|
|
1522
1522
|
toolbarKeydownListener;
|
|
1523
1523
|
overflowKeydownListener;
|
|
1524
1524
|
sectionKeydownListener;
|
|
1525
1525
|
cancelRenderedToolsSubscription$ = new Subject();
|
|
1526
|
-
cachedGap = signal(null, ...(ngDevMode ? [{ debugName: "cachedGap" }] :
|
|
1527
|
-
_size = signal(undefined, ...(ngDevMode ? [{ debugName: "_size" }] :
|
|
1528
|
-
_fillMode = signal(undefined, ...(ngDevMode ? [{ debugName: "_fillMode" }] :
|
|
1526
|
+
cachedGap = signal(null, ...(ngDevMode ? [{ debugName: "cachedGap" }] : []));
|
|
1527
|
+
_size = signal(undefined, ...(ngDevMode ? [{ debugName: "_size" }] : []));
|
|
1528
|
+
_fillMode = signal(undefined, ...(ngDevMode ? [{ debugName: "_fillMode" }] : []));
|
|
1529
1529
|
_scrollButtonClasses = computed(() => {
|
|
1530
1530
|
const size = SIZES[this._size()];
|
|
1531
1531
|
const fillMode = this._fillMode();
|
|
@@ -1533,12 +1533,12 @@ class ToolBarComponent {
|
|
|
1533
1533
|
size && `k-button-${size}`,
|
|
1534
1534
|
fillMode && `k-button-${fillMode}`
|
|
1535
1535
|
].filter(Boolean);
|
|
1536
|
-
}, ...(ngDevMode ? [{ debugName: "_scrollButtonClasses" }] :
|
|
1537
|
-
_showText = signal('always', ...(ngDevMode ? [{ debugName: "_showText" }] :
|
|
1538
|
-
_showIcon = signal('always', ...(ngDevMode ? [{ debugName: "_showIcon" }] :
|
|
1539
|
-
overflowButtonClickedTime = signal(null, ...(ngDevMode ? [{ debugName: "overflowButtonClickedTime" }] :
|
|
1540
|
-
_showAutoButtons = signal(false, ...(ngDevMode ? [{ debugName: "_showAutoButtons" }] :
|
|
1541
|
-
_showOverflowSeparator = signal(false, ...(ngDevMode ? [{ debugName: "_showOverflowSeparator" }] :
|
|
1536
|
+
}, ...(ngDevMode ? [{ debugName: "_scrollButtonClasses" }] : []));
|
|
1537
|
+
_showText = signal('always', ...(ngDevMode ? [{ debugName: "_showText" }] : []));
|
|
1538
|
+
_showIcon = signal('always', ...(ngDevMode ? [{ debugName: "_showIcon" }] : []));
|
|
1539
|
+
overflowButtonClickedTime = signal(null, ...(ngDevMode ? [{ debugName: "overflowButtonClickedTime" }] : []));
|
|
1540
|
+
_showAutoButtons = signal(false, ...(ngDevMode ? [{ debugName: "_showAutoButtons" }] : []));
|
|
1541
|
+
_showOverflowSeparator = signal(false, ...(ngDevMode ? [{ debugName: "_showOverflowSeparator" }] : []));
|
|
1542
1542
|
scrollButtonStateChangeSub;
|
|
1543
1543
|
scrollContainerScrollSub;
|
|
1544
1544
|
/**
|
|
@@ -2271,8 +2271,8 @@ class ToolBarComponent {
|
|
|
2271
2271
|
}
|
|
2272
2272
|
return value;
|
|
2273
2273
|
}
|
|
2274
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2275
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
2274
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ToolBarComponent, deps: [{ token: i1.LocalizationService }, { token: i2.PopupService }, { token: RefreshService }, { token: NavigationService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: ToolbarToolsService }, { token: ScrollService }, { token: i0.Injector }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
|
|
2275
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: ToolBarComponent, isStandalone: true, selector: "kendo-toolbar", inputs: { overflow: "overflow", resizable: "resizable", popupSettings: "popupSettings", fillMode: "fillMode", tabindex: "tabindex", size: "size", tabIndex: "tabIndex", showIcon: "showIcon", showText: "showText", toolsSource: "toolsSource" }, outputs: { open: "open", close: "close" }, host: { listeners: { "focus": "onFocus($event)", "focusout": "onFocusOut($event)" }, properties: { "class.k-toolbar": "this.hostClass", "class.k-toolbar-scrollable": "this.scrollableClass", "class.k-toolbar-section": "this.sectionClass", "attr.role": "this.role", "attr.dir": "this.getDir", "class.k-toolbar-resizable": "this.resizableClass" } }, providers: [
|
|
2276
2276
|
RefreshService,
|
|
2277
2277
|
NavigationService,
|
|
2278
2278
|
LocalizationService,
|
|
@@ -2483,7 +2483,7 @@ class ToolBarComponent {
|
|
|
2483
2483
|
}
|
|
2484
2484
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: LocalizedToolbarMessagesDirective, selector: "[kendoToolbarLocalizedMessages]" }, { kind: "directive", type: ToolBarRendererComponent, selector: "[kendoToolbarRenderer]", inputs: ["tool", "location", "resizable"], outputs: ["rendererClick"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "component", type: ToolbarScrollableButtonComponent, selector: "[kendoToolbarScrollableButton]", inputs: ["prev", "overflow"], outputs: ["onClick"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay], kendo-watermark-overlay", inputs: ["licenseMessage"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2485
2485
|
}
|
|
2486
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2486
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ToolBarComponent, decorators: [{
|
|
2487
2487
|
type: Component,
|
|
2488
2488
|
args: [{
|
|
2489
2489
|
exportAs: 'kendoToolBar',
|
|
@@ -3023,11 +3023,21 @@ class ToolBarButtonComponent extends ToolBarToolComponent {
|
|
|
3023
3023
|
/**
|
|
3024
3024
|
* @hidden
|
|
3025
3025
|
*/
|
|
3026
|
-
hasBadgeContainer
|
|
3026
|
+
set hasBadgeContainer(value) {
|
|
3027
|
+
this._hasBadgeContainer.set(value);
|
|
3028
|
+
}
|
|
3029
|
+
get hasBadgeContainer() {
|
|
3030
|
+
return this._hasBadgeContainer();
|
|
3031
|
+
}
|
|
3027
3032
|
/**
|
|
3028
3033
|
* @hidden
|
|
3029
3034
|
*/
|
|
3030
|
-
showBadge
|
|
3035
|
+
set showBadge(value) {
|
|
3036
|
+
this._showBadge.set(value);
|
|
3037
|
+
}
|
|
3038
|
+
get showBadge() {
|
|
3039
|
+
return this._showBadge();
|
|
3040
|
+
}
|
|
3031
3041
|
/**
|
|
3032
3042
|
* @hidden
|
|
3033
3043
|
*/
|
|
@@ -3044,22 +3054,24 @@ class ToolBarButtonComponent extends ToolBarToolComponent {
|
|
|
3044
3054
|
toolbarButtonElement;
|
|
3045
3055
|
sectionButtonElement;
|
|
3046
3056
|
overflowButtonElement;
|
|
3047
|
-
_icon = signal(null, ...(ngDevMode ? [{ debugName: "_icon" }] :
|
|
3048
|
-
_iconClass = signal(null, ...(ngDevMode ? [{ debugName: "_iconClass" }] :
|
|
3049
|
-
_svgIcon = signal(null, ...(ngDevMode ? [{ debugName: "_svgIcon" }] :
|
|
3050
|
-
_imageUrl = signal(null, ...(ngDevMode ? [{ debugName: "_imageUrl" }] :
|
|
3051
|
-
_showText = signal(null, ...(ngDevMode ? [{ debugName: "_showText" }] :
|
|
3052
|
-
_showIcon = signal(null, ...(ngDevMode ? [{ debugName: "_showIcon" }] :
|
|
3053
|
-
_text = signal(null, ...(ngDevMode ? [{ debugName: "_text" }] :
|
|
3054
|
-
_style = signal(null, ...(ngDevMode ? [{ debugName: "_style" }] :
|
|
3055
|
-
_className = signal(null, ...(ngDevMode ? [{ debugName: "_className" }] :
|
|
3056
|
-
_title = signal(null, ...(ngDevMode ? [{ debugName: "_title" }] :
|
|
3057
|
-
_disabled = signal(false, ...(ngDevMode ? [{ debugName: "_disabled" }] :
|
|
3058
|
-
_toggleable = signal(false, ...(ngDevMode ? [{ debugName: "_toggleable" }] :
|
|
3059
|
-
_selected = signal(false, ...(ngDevMode ? [{ debugName: "_selected" }] :
|
|
3060
|
-
_fillMode = signal(undefined, ...(ngDevMode ? [{ debugName: "_fillMode" }] :
|
|
3061
|
-
_rounded = signal(undefined, ...(ngDevMode ? [{ debugName: "_rounded" }] :
|
|
3062
|
-
_themeColor = signal(undefined, ...(ngDevMode ? [{ debugName: "_themeColor" }] :
|
|
3057
|
+
_icon = signal(null, ...(ngDevMode ? [{ debugName: "_icon" }] : []));
|
|
3058
|
+
_iconClass = signal(null, ...(ngDevMode ? [{ debugName: "_iconClass" }] : []));
|
|
3059
|
+
_svgIcon = signal(null, ...(ngDevMode ? [{ debugName: "_svgIcon" }] : []));
|
|
3060
|
+
_imageUrl = signal(null, ...(ngDevMode ? [{ debugName: "_imageUrl" }] : []));
|
|
3061
|
+
_showText = signal(null, ...(ngDevMode ? [{ debugName: "_showText" }] : []));
|
|
3062
|
+
_showIcon = signal(null, ...(ngDevMode ? [{ debugName: "_showIcon" }] : []));
|
|
3063
|
+
_text = signal(null, ...(ngDevMode ? [{ debugName: "_text" }] : []));
|
|
3064
|
+
_style = signal(null, ...(ngDevMode ? [{ debugName: "_style" }] : []));
|
|
3065
|
+
_className = signal(null, ...(ngDevMode ? [{ debugName: "_className" }] : []));
|
|
3066
|
+
_title = signal(null, ...(ngDevMode ? [{ debugName: "_title" }] : []));
|
|
3067
|
+
_disabled = signal(false, ...(ngDevMode ? [{ debugName: "_disabled" }] : []));
|
|
3068
|
+
_toggleable = signal(false, ...(ngDevMode ? [{ debugName: "_toggleable" }] : []));
|
|
3069
|
+
_selected = signal(false, ...(ngDevMode ? [{ debugName: "_selected" }] : []));
|
|
3070
|
+
_fillMode = signal(undefined, ...(ngDevMode ? [{ debugName: "_fillMode" }] : []));
|
|
3071
|
+
_rounded = signal(undefined, ...(ngDevMode ? [{ debugName: "_rounded" }] : []));
|
|
3072
|
+
_themeColor = signal(undefined, ...(ngDevMode ? [{ debugName: "_themeColor" }] : []));
|
|
3073
|
+
_hasBadgeContainer = signal(false, ...(ngDevMode ? [{ debugName: "_hasBadgeContainer" }] : []));
|
|
3074
|
+
_showBadge = signal(false, ...(ngDevMode ? [{ debugName: "_showBadge" }] : []));
|
|
3063
3075
|
propertyChangeSub;
|
|
3064
3076
|
_overflowOptions = signal({
|
|
3065
3077
|
text: '',
|
|
@@ -3067,14 +3079,14 @@ class ToolBarButtonComponent extends ToolBarToolComponent {
|
|
|
3067
3079
|
iconClass: '',
|
|
3068
3080
|
svgIcon: null,
|
|
3069
3081
|
imageUrl: ''
|
|
3070
|
-
}, ...(ngDevMode ? [{ debugName: "_overflowOptions" }] :
|
|
3082
|
+
}, ...(ngDevMode ? [{ debugName: "_overflowOptions" }] : []));
|
|
3071
3083
|
_toolbarOptions = signal({
|
|
3072
3084
|
text: '',
|
|
3073
3085
|
icon: '',
|
|
3074
3086
|
iconClass: '',
|
|
3075
3087
|
svgIcon: null,
|
|
3076
3088
|
imageUrl: ''
|
|
3077
|
-
}, ...(ngDevMode ? [{ debugName: "_toolbarOptions" }] :
|
|
3089
|
+
}, ...(ngDevMode ? [{ debugName: "_toolbarOptions" }] : []));
|
|
3078
3090
|
constructor(element, injector, host, cdr) {
|
|
3079
3091
|
super();
|
|
3080
3092
|
this.element = element;
|
|
@@ -3148,23 +3160,31 @@ class ToolBarButtonComponent extends ToolBarToolComponent {
|
|
|
3148
3160
|
return this[`${this.location}ButtonElement`]?.nativeElement;
|
|
3149
3161
|
}
|
|
3150
3162
|
setTextDisplayMode() {
|
|
3151
|
-
|
|
3163
|
+
const toolbarText = this.showText === 'menu' || this.showText === 'never' ? undefined : this.text;
|
|
3164
|
+
this._toolbarOptions.update(options => ({ ...options, text: toolbarText }));
|
|
3152
3165
|
afterNextRender(() => {
|
|
3153
|
-
|
|
3166
|
+
const overflowText = this.showText === 'toolbar' || this.showText === 'never' ? undefined : this.text;
|
|
3167
|
+
this._overflowOptions.update(options => ({ ...options, text: overflowText }));
|
|
3154
3168
|
}, { injector: this.injector });
|
|
3155
3169
|
}
|
|
3156
3170
|
setIconDisplayMode() {
|
|
3157
|
-
this.
|
|
3158
|
-
|
|
3159
|
-
|
|
3160
|
-
|
|
3161
|
-
|
|
3162
|
-
|
|
3163
|
-
|
|
3164
|
-
this.
|
|
3171
|
+
this._toolbarOptions.update(options => ({
|
|
3172
|
+
...options,
|
|
3173
|
+
icon: getValueForLocation(this._icon(), this.showIcon, false),
|
|
3174
|
+
iconClass: getValueForLocation(this._iconClass(), this.showIcon, false),
|
|
3175
|
+
svgIcon: getValueForLocation(this._svgIcon(), this.showIcon, false),
|
|
3176
|
+
imageUrl: getValueForLocation(this._imageUrl(), this.showIcon, false)
|
|
3177
|
+
}));
|
|
3178
|
+
this._overflowOptions.update(options => ({
|
|
3179
|
+
...options,
|
|
3180
|
+
icon: getValueForLocation(this._icon(), this.showIcon, true),
|
|
3181
|
+
iconClass: getValueForLocation(this._iconClass(), this.showIcon, true),
|
|
3182
|
+
svgIcon: getValueForLocation(this._svgIcon(), this.showIcon, true),
|
|
3183
|
+
imageUrl: getValueForLocation(this._imageUrl(), this.showIcon, true)
|
|
3184
|
+
}));
|
|
3165
3185
|
}
|
|
3166
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3167
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
3186
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ToolBarButtonComponent, deps: [{ token: i0.ElementRef }, { token: i0.Injector }, { token: ToolBarComponent }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
3187
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: ToolBarButtonComponent, isStandalone: true, selector: "kendo-toolbar-button", inputs: { showText: "showText", showIcon: "showIcon", text: "text", style: "style", className: "className", title: "title", disabled: "disabled", toggleable: "toggleable", look: "look", togglable: "togglable", selected: "selected", fillMode: "fillMode", rounded: "rounded", themeColor: "themeColor", icon: "icon", iconClass: "iconClass", svgIcon: "svgIcon", imageUrl: "imageUrl" }, outputs: { click: "click", pointerdown: "pointerdown", selectedChange: "selectedChange" }, providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => ToolBarButtonComponent) }], viewQueries: [{ propertyName: "toolbarButtonElement", first: true, predicate: ["toolbarButton"], descendants: true, read: ElementRef }, { propertyName: "sectionButtonElement", first: true, predicate: ["sectionButton"], descendants: true, read: ElementRef }, { propertyName: "overflowButtonElement", first: true, predicate: ["overflowButton"], descendants: true, read: ElementRef }], exportAs: ["kendoToolBarButton"], usesInheritance: true, ngImport: i0, template: `
|
|
3168
3188
|
<ng-template #toolbarTemplate>
|
|
3169
3189
|
@if (hasBadgeContainer) {
|
|
3170
3190
|
<kendo-badge-container>
|
|
@@ -3338,7 +3358,7 @@ class ToolBarButtonComponent extends ToolBarToolComponent {
|
|
|
3338
3358
|
</ng-template>
|
|
3339
3359
|
`, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: BadgeComponent, selector: "kendo-badge", inputs: ["align", "size", "fill", "themeColor", "rounded", "position", "cutoutBorder"] }, { kind: "component", type: BadgeContainerComponent, selector: "kendo-badge-container" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3340
3360
|
}
|
|
3341
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3361
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ToolBarButtonComponent, decorators: [{
|
|
3342
3362
|
type: Component,
|
|
3343
3363
|
args: [{
|
|
3344
3364
|
exportAs: 'kendoToolBarButton',
|
|
@@ -3679,11 +3699,11 @@ class ToolBarButtonGroupComponent extends ToolBarToolComponent {
|
|
|
3679
3699
|
.map(b => b.element);
|
|
3680
3700
|
}
|
|
3681
3701
|
}
|
|
3682
|
-
_disabled = signal(undefined, ...(ngDevMode ? [{ debugName: "_disabled" }] :
|
|
3683
|
-
_fillMode = signal(undefined, ...(ngDevMode ? [{ debugName: "_fillMode" }] :
|
|
3684
|
-
_selection = signal('multiple', ...(ngDevMode ? [{ debugName: "_selection" }] :
|
|
3685
|
-
_width = signal(undefined, ...(ngDevMode ? [{ debugName: "_width" }] :
|
|
3686
|
-
focusedIndex = signal(-1, ...(ngDevMode ? [{ debugName: "focusedIndex" }] :
|
|
3702
|
+
_disabled = signal(undefined, ...(ngDevMode ? [{ debugName: "_disabled" }] : []));
|
|
3703
|
+
_fillMode = signal(undefined, ...(ngDevMode ? [{ debugName: "_fillMode" }] : []));
|
|
3704
|
+
_selection = signal('multiple', ...(ngDevMode ? [{ debugName: "_selection" }] : []));
|
|
3705
|
+
_width = signal(undefined, ...(ngDevMode ? [{ debugName: "_width" }] : []));
|
|
3706
|
+
focusedIndex = signal(-1, ...(ngDevMode ? [{ debugName: "focusedIndex" }] : []));
|
|
3687
3707
|
getNextKey;
|
|
3688
3708
|
getPrevKey;
|
|
3689
3709
|
constructor(localization, host, cdr) {
|
|
@@ -3800,8 +3820,8 @@ class ToolBarButtonGroupComponent extends ToolBarToolComponent {
|
|
|
3800
3820
|
this.buttonElements[index]?.focus();
|
|
3801
3821
|
}
|
|
3802
3822
|
}
|
|
3803
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3804
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
3823
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ToolBarButtonGroupComponent, deps: [{ token: i1.LocalizationService }, { token: ToolBarComponent }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
3824
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: ToolBarButtonGroupComponent, isStandalone: true, selector: "kendo-toolbar-buttongroup", inputs: { disabled: "disabled", fillMode: "fillMode", selection: "selection", width: "width", look: "look" }, providers: [LocalizationService, { provide: ToolBarToolComponent, useExisting: forwardRef(() => ToolBarButtonGroupComponent) }], queries: [{ propertyName: "buttonComponents", predicate: i0.forwardRef(() => ToolBarButtonComponent) }], viewQueries: [{ propertyName: "toolbarButtonGroup", first: true, predicate: ["toolbarButtonGroup"], descendants: true }, { propertyName: "sectionButtonGroup", first: true, predicate: ["sectionButtonGroup"], descendants: true }, { propertyName: "overflowListItems", predicate: ["listItem"], descendants: true }], exportAs: ["kendoToolBarButtonGroup"], usesInheritance: true, ngImport: i0, template: `
|
|
3805
3825
|
<ng-template #toolbarTemplate>
|
|
3806
3826
|
<kendo-buttongroup
|
|
3807
3827
|
class="k-toolbar-button-group"
|
|
@@ -3913,7 +3933,7 @@ class ToolBarButtonGroupComponent extends ToolBarToolComponent {
|
|
|
3913
3933
|
</ng-template>
|
|
3914
3934
|
`, isInline: true, dependencies: [{ kind: "component", type: ButtonGroupComponent, selector: "kendo-buttongroup", inputs: ["disabled", "selection", "width", "tabIndex", "navigable"], outputs: ["navigate"], exportAs: ["kendoButtonGroup"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3915
3935
|
}
|
|
3916
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3936
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ToolBarButtonGroupComponent, decorators: [{
|
|
3917
3937
|
type: Component,
|
|
3918
3938
|
args: [{
|
|
3919
3939
|
exportAs: 'kendoToolBarButtonGroup',
|
|
@@ -4304,23 +4324,23 @@ class ToolBarDropDownButtonComponent extends ToolBarToolComponent {
|
|
|
4304
4324
|
get location() {
|
|
4305
4325
|
return super.location;
|
|
4306
4326
|
}
|
|
4307
|
-
_data = signal([], ...(ngDevMode ? [{ debugName: "_data" }] :
|
|
4308
|
-
_popupSettings = signal({ animate: true, popupClass: '' }, ...(ngDevMode ? [{ debugName: "_popupSettings" }] :
|
|
4309
|
-
focusedIndex = signal(-1, ...(ngDevMode ? [{ debugName: "focusedIndex" }] :
|
|
4310
|
-
_showText = signal(null, ...(ngDevMode ? [{ debugName: "_showText" }] :
|
|
4311
|
-
_showIcon = signal(null, ...(ngDevMode ? [{ debugName: "_showIcon" }] :
|
|
4312
|
-
_text = signal(null, ...(ngDevMode ? [{ debugName: "_text" }] :
|
|
4313
|
-
_arrowIcon = signal(false, ...(ngDevMode ? [{ debugName: "_arrowIcon" }] :
|
|
4314
|
-
_title = signal('', ...(ngDevMode ? [{ debugName: "_title" }] :
|
|
4315
|
-
_fillMode = signal(undefined, ...(ngDevMode ? [{ debugName: "_fillMode" }] :
|
|
4316
|
-
_themeColor = signal(undefined, ...(ngDevMode ? [{ debugName: "_themeColor" }] :
|
|
4317
|
-
_buttonClass = signal(undefined, ...(ngDevMode ? [{ debugName: "_buttonClass" }] :
|
|
4318
|
-
_textField = signal(undefined, ...(ngDevMode ? [{ debugName: "_textField" }] :
|
|
4319
|
-
_disabled = signal(undefined, ...(ngDevMode ? [{ debugName: "_disabled" }] :
|
|
4320
|
-
_icon = signal(null, ...(ngDevMode ? [{ debugName: "_icon" }] :
|
|
4321
|
-
_iconClass = signal(null, ...(ngDevMode ? [{ debugName: "_iconClass" }] :
|
|
4322
|
-
_svgIcon = signal(null, ...(ngDevMode ? [{ debugName: "_svgIcon" }] :
|
|
4323
|
-
_imageUrl = signal(null, ...(ngDevMode ? [{ debugName: "_imageUrl" }] :
|
|
4327
|
+
_data = signal([], ...(ngDevMode ? [{ debugName: "_data" }] : []));
|
|
4328
|
+
_popupSettings = signal({ animate: true, popupClass: '' }, ...(ngDevMode ? [{ debugName: "_popupSettings" }] : []));
|
|
4329
|
+
focusedIndex = signal(-1, ...(ngDevMode ? [{ debugName: "focusedIndex" }] : []));
|
|
4330
|
+
_showText = signal(null, ...(ngDevMode ? [{ debugName: "_showText" }] : []));
|
|
4331
|
+
_showIcon = signal(null, ...(ngDevMode ? [{ debugName: "_showIcon" }] : []));
|
|
4332
|
+
_text = signal(null, ...(ngDevMode ? [{ debugName: "_text" }] : []));
|
|
4333
|
+
_arrowIcon = signal(false, ...(ngDevMode ? [{ debugName: "_arrowIcon" }] : []));
|
|
4334
|
+
_title = signal('', ...(ngDevMode ? [{ debugName: "_title" }] : []));
|
|
4335
|
+
_fillMode = signal(undefined, ...(ngDevMode ? [{ debugName: "_fillMode" }] : []));
|
|
4336
|
+
_themeColor = signal(undefined, ...(ngDevMode ? [{ debugName: "_themeColor" }] : []));
|
|
4337
|
+
_buttonClass = signal(undefined, ...(ngDevMode ? [{ debugName: "_buttonClass" }] : []));
|
|
4338
|
+
_textField = signal(undefined, ...(ngDevMode ? [{ debugName: "_textField" }] : []));
|
|
4339
|
+
_disabled = signal(undefined, ...(ngDevMode ? [{ debugName: "_disabled" }] : []));
|
|
4340
|
+
_icon = signal(null, ...(ngDevMode ? [{ debugName: "_icon" }] : []));
|
|
4341
|
+
_iconClass = signal(null, ...(ngDevMode ? [{ debugName: "_iconClass" }] : []));
|
|
4342
|
+
_svgIcon = signal(null, ...(ngDevMode ? [{ debugName: "_svgIcon" }] : []));
|
|
4343
|
+
_imageUrl = signal(null, ...(ngDevMode ? [{ debugName: "_imageUrl" }] : []));
|
|
4324
4344
|
propertyChangeSub;
|
|
4325
4345
|
getNextKey;
|
|
4326
4346
|
getPrevKey;
|
|
@@ -4437,8 +4457,8 @@ class ToolBarDropDownButtonComponent extends ToolBarToolComponent {
|
|
|
4437
4457
|
this.toolbarOptions.imageUrl = getValueForLocation(this._imageUrl(), this.showIcon, false);
|
|
4438
4458
|
this.overflowOptions.imageUrl = getValueForLocation(this._imageUrl(), this.showIcon, true);
|
|
4439
4459
|
}
|
|
4440
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4441
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
4460
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ToolBarDropDownButtonComponent, deps: [{ token: ToolBarComponent }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
4461
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: ToolBarDropDownButtonComponent, isStandalone: true, selector: "kendo-toolbar-dropdownbutton", inputs: { arrowIcon: "arrowIcon", title: "title", showText: "showText", showIcon: "showIcon", text: "text", icon: "icon", svgIcon: "svgIcon", iconClass: "iconClass", imageUrl: "imageUrl", popupSettings: "popupSettings", look: "look", primary: "primary", fillMode: "fillMode", themeColor: "themeColor", buttonClass: "buttonClass", textField: "textField", disabled: "disabled", data: "data" }, outputs: { itemClick: "itemClick", open: "open", close: "close" }, providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => ToolBarDropDownButtonComponent) }], viewQueries: [{ propertyName: "dropdownButton", first: true, predicate: ["dropdownButton"], descendants: true, read: ElementRef, static: true }, { propertyName: "toolbarDropDownButton", first: true, predicate: ["toolbarDropDownButton"], descendants: true }, { propertyName: "sectionDropDownButton", first: true, predicate: ["sectionDropDownButton"], descendants: true }, { propertyName: "overflowListItems", predicate: ["listItem"], descendants: true }], exportAs: ["kendoToolBarDropDownButton"], usesInheritance: true, ngImport: i0, template: `
|
|
4442
4462
|
<ng-template #toolbarTemplate>
|
|
4443
4463
|
<kendo-dropdownbutton #toolbarDropDownButton
|
|
4444
4464
|
[icon]="toolbarOptions.icon"
|
|
@@ -4537,7 +4557,7 @@ class ToolBarDropDownButtonComponent extends ToolBarToolComponent {
|
|
|
4537
4557
|
</ng-template>
|
|
4538
4558
|
`, isInline: true, dependencies: [{ kind: "component", type: DropDownButtonComponent, selector: "kendo-dropdownbutton", inputs: ["arrowIcon", "icon", "svgIcon", "iconClass", "imageUrl", "textField", "data", "size", "rounded", "fillMode", "themeColor", "buttonAttributes"], outputs: ["itemClick", "focus", "blur"], exportAs: ["kendoDropDownButton"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4539
4559
|
}
|
|
4540
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4560
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ToolBarDropDownButtonComponent, decorators: [{
|
|
4541
4561
|
type: Component,
|
|
4542
4562
|
args: [{
|
|
4543
4563
|
exportAs: 'kendoToolBarDropDownButton',
|
|
@@ -4946,24 +4966,24 @@ class ToolBarSplitButtonComponent extends ToolBarToolComponent {
|
|
|
4946
4966
|
get overflowButtons() {
|
|
4947
4967
|
return [this.overflowMainButton, ...this.overflowListItems.toArray().filter(el => !el.nativeElement.classList.contains('k-disabled'))];
|
|
4948
4968
|
}
|
|
4949
|
-
_icon = signal(null, ...(ngDevMode ? [{ debugName: "_icon" }] :
|
|
4950
|
-
_iconClass = signal(null, ...(ngDevMode ? [{ debugName: "_iconClass" }] :
|
|
4951
|
-
_svgIcon = signal(null, ...(ngDevMode ? [{ debugName: "_svgIcon" }] :
|
|
4952
|
-
_imageUrl = signal(null, ...(ngDevMode ? [{ debugName: "_imageUrl" }] :
|
|
4953
|
-
_data = signal([], ...(ngDevMode ? [{ debugName: "_data" }] :
|
|
4954
|
-
_popupSettings = signal({ animate: true, popupClass: '' }, ...(ngDevMode ? [{ debugName: "_popupSettings" }] :
|
|
4955
|
-
focusedIndex = signal(-1, ...(ngDevMode ? [{ debugName: "focusedIndex" }] :
|
|
4956
|
-
_showText = signal(null, ...(ngDevMode ? [{ debugName: "_showText" }] :
|
|
4957
|
-
_showIcon = signal(null, ...(ngDevMode ? [{ debugName: "_showIcon" }] :
|
|
4958
|
-
_text = signal(null, ...(ngDevMode ? [{ debugName: "_text" }] :
|
|
4959
|
-
_disabled = signal(undefined, ...(ngDevMode ? [{ debugName: "_disabled" }] :
|
|
4960
|
-
_fillMode = signal(undefined, ...(ngDevMode ? [{ debugName: "_fillMode" }] :
|
|
4961
|
-
_themeColor = signal(undefined, ...(ngDevMode ? [{ debugName: "_themeColor" }] :
|
|
4962
|
-
_buttonClass = signal(undefined, ...(ngDevMode ? [{ debugName: "_buttonClass" }] :
|
|
4963
|
-
_arrowButtonClass = signal(undefined, ...(ngDevMode ? [{ debugName: "_arrowButtonClass" }] :
|
|
4964
|
-
_arrowButtonIcon = signal('chevron-down', ...(ngDevMode ? [{ debugName: "_arrowButtonIcon" }] :
|
|
4965
|
-
_arrowButtonSvgIcon = signal(chevronDownIcon, ...(ngDevMode ? [{ debugName: "_arrowButtonSvgIcon" }] :
|
|
4966
|
-
_textField = signal('text', ...(ngDevMode ? [{ debugName: "_textField" }] :
|
|
4969
|
+
_icon = signal(null, ...(ngDevMode ? [{ debugName: "_icon" }] : []));
|
|
4970
|
+
_iconClass = signal(null, ...(ngDevMode ? [{ debugName: "_iconClass" }] : []));
|
|
4971
|
+
_svgIcon = signal(null, ...(ngDevMode ? [{ debugName: "_svgIcon" }] : []));
|
|
4972
|
+
_imageUrl = signal(null, ...(ngDevMode ? [{ debugName: "_imageUrl" }] : []));
|
|
4973
|
+
_data = signal([], ...(ngDevMode ? [{ debugName: "_data" }] : []));
|
|
4974
|
+
_popupSettings = signal({ animate: true, popupClass: '' }, ...(ngDevMode ? [{ debugName: "_popupSettings" }] : []));
|
|
4975
|
+
focusedIndex = signal(-1, ...(ngDevMode ? [{ debugName: "focusedIndex" }] : []));
|
|
4976
|
+
_showText = signal(null, ...(ngDevMode ? [{ debugName: "_showText" }] : []));
|
|
4977
|
+
_showIcon = signal(null, ...(ngDevMode ? [{ debugName: "_showIcon" }] : []));
|
|
4978
|
+
_text = signal(null, ...(ngDevMode ? [{ debugName: "_text" }] : []));
|
|
4979
|
+
_disabled = signal(undefined, ...(ngDevMode ? [{ debugName: "_disabled" }] : []));
|
|
4980
|
+
_fillMode = signal(undefined, ...(ngDevMode ? [{ debugName: "_fillMode" }] : []));
|
|
4981
|
+
_themeColor = signal(undefined, ...(ngDevMode ? [{ debugName: "_themeColor" }] : []));
|
|
4982
|
+
_buttonClass = signal(undefined, ...(ngDevMode ? [{ debugName: "_buttonClass" }] : []));
|
|
4983
|
+
_arrowButtonClass = signal(undefined, ...(ngDevMode ? [{ debugName: "_arrowButtonClass" }] : []));
|
|
4984
|
+
_arrowButtonIcon = signal('chevron-down', ...(ngDevMode ? [{ debugName: "_arrowButtonIcon" }] : []));
|
|
4985
|
+
_arrowButtonSvgIcon = signal(chevronDownIcon, ...(ngDevMode ? [{ debugName: "_arrowButtonSvgIcon" }] : []));
|
|
4986
|
+
_textField = signal('text', ...(ngDevMode ? [{ debugName: "_textField" }] : []));
|
|
4967
4987
|
propertyChangeSub;
|
|
4968
4988
|
getNextKey;
|
|
4969
4989
|
getPrevKey;
|
|
@@ -5090,8 +5110,8 @@ class ToolBarSplitButtonComponent extends ToolBarToolComponent {
|
|
|
5090
5110
|
this.toolbarOptions.imageUrl = getValueForLocation(this._imageUrl(), this.showIcon, false);
|
|
5091
5111
|
this.overflowOptions.imageUrl = getValueForLocation(this._imageUrl(), this.showIcon, true);
|
|
5092
5112
|
}
|
|
5093
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
5094
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
5113
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ToolBarSplitButtonComponent, deps: [{ token: ToolBarComponent }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
5114
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: ToolBarSplitButtonComponent, isStandalone: true, selector: "kendo-toolbar-splitbutton", inputs: { showText: "showText", showIcon: "showIcon", text: "text", icon: "icon", svgIcon: "svgIcon", iconClass: "iconClass", imageUrl: "imageUrl", disabled: "disabled", popupSettings: "popupSettings", fillMode: "fillMode", themeColor: "themeColor", look: "look", buttonClass: "buttonClass", arrowButtonClass: "arrowButtonClass", arrowButtonIcon: "arrowButtonIcon", arrowButtonSvgIcon: "arrowButtonSvgIcon", textField: "textField", data: "data" }, outputs: { buttonClick: "buttonClick", itemClick: "itemClick", open: "open", close: "close" }, providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => ToolBarSplitButtonComponent) }], viewQueries: [{ propertyName: "toolbarSplitButton", first: true, predicate: ["toolbarSplitButton"], descendants: true }, { propertyName: "sectionSplitButton", first: true, predicate: ["sectionSplitButton"], descendants: true }, { propertyName: "overflowMainButton", first: true, predicate: ["overflowMainButton"], descendants: true, read: ElementRef }, { propertyName: "overflowListItems", predicate: ["listItem"], descendants: true }], exportAs: ["kendoToolBarSplitButton"], usesInheritance: true, ngImport: i0, template: `
|
|
5095
5115
|
<ng-template #toolbarTemplate>
|
|
5096
5116
|
<kendo-splitbutton
|
|
5097
5117
|
#toolbarSplitButton
|
|
@@ -5197,7 +5217,7 @@ class ToolBarSplitButtonComponent extends ToolBarToolComponent {
|
|
|
5197
5217
|
</ng-template>
|
|
5198
5218
|
`, isInline: true, dependencies: [{ kind: "component", type: SplitButtonComponent, selector: "kendo-splitbutton", inputs: ["text", "icon", "svgIcon", "iconClass", "type", "imageUrl", "size", "rounded", "fillMode", "themeColor", "disabled", "popupSettings", "tabIndex", "textField", "data", "arrowButtonClass", "arrowButtonIcon", "arrowButtonSvgIcon", "buttonAttributes"], outputs: ["buttonClick", "itemClick", "focus", "blur", "open", "close"], exportAs: ["kendoSplitButton"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
5199
5219
|
}
|
|
5200
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
5220
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ToolBarSplitButtonComponent, decorators: [{
|
|
5201
5221
|
type: Component,
|
|
5202
5222
|
args: [{
|
|
5203
5223
|
exportAs: 'kendoToolBarSplitButton',
|
|
@@ -5415,8 +5435,8 @@ class ToolBarSeparatorComponent extends ToolBarToolComponent {
|
|
|
5415
5435
|
this.popupTemplate = this.toolbarTemplate;
|
|
5416
5436
|
}
|
|
5417
5437
|
}
|
|
5418
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
5419
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
5438
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ToolBarSeparatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5439
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.33", type: ToolBarSeparatorComponent, isStandalone: true, selector: "kendo-toolbar-separator", providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => ToolBarSeparatorComponent) }], viewQueries: [{ propertyName: "separator", first: true, predicate: ["separator"], descendants: true }], exportAs: ["kendoToolBarSeparator"], usesInheritance: true, ngImport: i0, template: `
|
|
5420
5440
|
<ng-template #toolbarTemplate>
|
|
5421
5441
|
<div class="k-separator k-toolbar-separator"></div>
|
|
5422
5442
|
</ng-template>
|
|
@@ -5432,7 +5452,7 @@ class ToolBarSeparatorComponent extends ToolBarToolComponent {
|
|
|
5432
5452
|
</ng-template>
|
|
5433
5453
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
5434
5454
|
}
|
|
5435
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
5455
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ToolBarSeparatorComponent, decorators: [{
|
|
5436
5456
|
type: Component,
|
|
5437
5457
|
args: [{
|
|
5438
5458
|
exportAs: 'kendoToolBarSeparator',
|
|
@@ -5509,14 +5529,14 @@ class ToolBarSpacerComponent extends ToolBarToolComponent {
|
|
|
5509
5529
|
this.popupTemplate = this.toolbarTemplate;
|
|
5510
5530
|
}
|
|
5511
5531
|
}
|
|
5512
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
5513
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
5532
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ToolBarSpacerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5533
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.33", type: ToolBarSpacerComponent, isStandalone: true, selector: "kendo-toolbar-spacer", providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => ToolBarSpacerComponent) }], exportAs: ["kendoToolBarSpacer"], usesInheritance: true, ngImport: i0, template: `
|
|
5514
5534
|
<ng-template #toolbarTemplate>
|
|
5515
5535
|
<div class="k-spacer"></div>
|
|
5516
5536
|
</ng-template>
|
|
5517
5537
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
5518
5538
|
}
|
|
5519
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
5539
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ToolBarSpacerComponent, decorators: [{
|
|
5520
5540
|
type: Component,
|
|
5521
5541
|
args: [{
|
|
5522
5542
|
exportAs: 'kendoToolBarSpacer',
|
|
@@ -5557,15 +5577,15 @@ class ToolbarCustomMessagesComponent extends ToolbarMessages {
|
|
|
5557
5577
|
get override() {
|
|
5558
5578
|
return true;
|
|
5559
5579
|
}
|
|
5560
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
5561
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
5580
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ToolbarCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
5581
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.33", type: ToolbarCustomMessagesComponent, isStandalone: true, selector: "kendo-toolbar-messages", providers: [
|
|
5562
5582
|
{
|
|
5563
5583
|
provide: ToolbarMessages,
|
|
5564
5584
|
useExisting: forwardRef(() => ToolbarCustomMessagesComponent)
|
|
5565
5585
|
}
|
|
5566
5586
|
], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
|
|
5567
5587
|
}
|
|
5568
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
5588
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ToolbarCustomMessagesComponent, decorators: [{
|
|
5569
5589
|
type: Component,
|
|
5570
5590
|
args: [{
|
|
5571
5591
|
providers: [
|
|
@@ -5620,14 +5640,14 @@ class FloatingToolBarMessages extends ComponentMessages {
|
|
|
5620
5640
|
get nextToolButton() {
|
|
5621
5641
|
return this._nextToolButton();
|
|
5622
5642
|
}
|
|
5623
|
-
_dragHandleTitle = signal(undefined, ...(ngDevMode ? [{ debugName: "_dragHandleTitle" }] :
|
|
5624
|
-
_moreToolsTitle = signal(undefined, ...(ngDevMode ? [{ debugName: "_moreToolsTitle" }] :
|
|
5625
|
-
_previousToolButton = signal(undefined, ...(ngDevMode ? [{ debugName: "_previousToolButton" }] :
|
|
5626
|
-
_nextToolButton = signal(undefined, ...(ngDevMode ? [{ debugName: "_nextToolButton" }] :
|
|
5627
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
5628
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
5643
|
+
_dragHandleTitle = signal(undefined, ...(ngDevMode ? [{ debugName: "_dragHandleTitle" }] : []));
|
|
5644
|
+
_moreToolsTitle = signal(undefined, ...(ngDevMode ? [{ debugName: "_moreToolsTitle" }] : []));
|
|
5645
|
+
_previousToolButton = signal(undefined, ...(ngDevMode ? [{ debugName: "_previousToolButton" }] : []));
|
|
5646
|
+
_nextToolButton = signal(undefined, ...(ngDevMode ? [{ debugName: "_nextToolButton" }] : []));
|
|
5647
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: FloatingToolBarMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
5648
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.33", type: FloatingToolBarMessages, isStandalone: true, selector: "kendo-floatingtoolbar-messages-base", inputs: { dragHandleTitle: "dragHandleTitle", moreToolsTitle: "moreToolsTitle", previousToolButton: "previousToolButton", nextToolButton: "nextToolButton" }, usesInheritance: true, ngImport: i0 });
|
|
5629
5649
|
}
|
|
5630
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
5650
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: FloatingToolBarMessages, decorators: [{
|
|
5631
5651
|
type: Directive,
|
|
5632
5652
|
args: [{
|
|
5633
5653
|
selector: 'kendo-floatingtoolbar-messages-base'
|
|
@@ -5651,15 +5671,15 @@ class LocalizedFloatingToolBarMessagesDirective extends FloatingToolBarMessages
|
|
|
5651
5671
|
super();
|
|
5652
5672
|
this.service = service;
|
|
5653
5673
|
}
|
|
5654
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
5655
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
5674
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: LocalizedFloatingToolBarMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
5675
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.33", type: LocalizedFloatingToolBarMessagesDirective, isStandalone: true, selector: "[kendoFloatingToolBarLocalizedMessages]", providers: [
|
|
5656
5676
|
{
|
|
5657
5677
|
provide: FloatingToolBarMessages,
|
|
5658
5678
|
useExisting: forwardRef(() => LocalizedFloatingToolBarMessagesDirective)
|
|
5659
5679
|
}
|
|
5660
5680
|
], usesInheritance: true, ngImport: i0 });
|
|
5661
5681
|
}
|
|
5662
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
5682
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: LocalizedFloatingToolBarMessagesDirective, decorators: [{
|
|
5663
5683
|
type: Directive,
|
|
5664
5684
|
args: [{
|
|
5665
5685
|
providers: [
|
|
@@ -5674,7 +5694,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
|
|
|
5674
5694
|
}], ctorParameters: () => [{ type: i1.LocalizationService }] });
|
|
5675
5695
|
|
|
5676
5696
|
/**
|
|
5677
|
-
*
|
|
5697
|
+
* Specifies the arguments for the `dragStart` event of the FloatingToolBar.
|
|
5678
5698
|
*/
|
|
5679
5699
|
class FloatingToolBarDragStartEvent extends PreventableEvent {
|
|
5680
5700
|
sender;
|
|
@@ -5694,7 +5714,7 @@ class FloatingToolBarDragStartEvent extends PreventableEvent {
|
|
|
5694
5714
|
}
|
|
5695
5715
|
}
|
|
5696
5716
|
/**
|
|
5697
|
-
*
|
|
5717
|
+
* Specifies the arguments for the `move` event of the FloatingToolBar.
|
|
5698
5718
|
*/
|
|
5699
5719
|
class FloatingToolBarMoveEvent {
|
|
5700
5720
|
sender;
|
|
@@ -5707,7 +5727,7 @@ class FloatingToolBarMoveEvent {
|
|
|
5707
5727
|
}
|
|
5708
5728
|
}
|
|
5709
5729
|
/**
|
|
5710
|
-
*
|
|
5730
|
+
* Specifies the arguments for the `dragEnd` event of the FloatingToolBar.
|
|
5711
5731
|
*/
|
|
5712
5732
|
class FloatingToolBarDragEndEvent {
|
|
5713
5733
|
sender;
|
|
@@ -5849,6 +5869,17 @@ const resolvePopupPosition = (options) => {
|
|
|
5849
5869
|
* <kendo-toolbar-button text="Button"></kendo-toolbar-button>
|
|
5850
5870
|
* </kendo-floatingtoolbar>
|
|
5851
5871
|
* ```
|
|
5872
|
+
*
|
|
5873
|
+
* @remarks
|
|
5874
|
+
* Supported children components are:
|
|
5875
|
+
* {@link ToolBarButtonComponent},
|
|
5876
|
+
* {@link ToolBarButtonGroupComponent},
|
|
5877
|
+
* {@link ToolBarDropDownButtonComponent},
|
|
5878
|
+
* {@link ToolBarSplitButtonComponent},
|
|
5879
|
+
* {@link ToolBarSeparatorComponent},
|
|
5880
|
+
* {@link ToolBarSpacerComponent},
|
|
5881
|
+
* {@link ToolBarToolComponent},
|
|
5882
|
+
* {@link FloatingToolBarCustomMessagesComponent}
|
|
5852
5883
|
*/
|
|
5853
5884
|
class FloatingToolBarComponent {
|
|
5854
5885
|
hostElement;
|
|
@@ -5865,6 +5896,7 @@ class FloatingToolBarComponent {
|
|
|
5865
5896
|
/**
|
|
5866
5897
|
* Sets the element the FloatingToolBar is positioned against. When not set, the component
|
|
5867
5898
|
* is positioned within its containing element based on the `containerAlign` option.
|
|
5899
|
+
* Setting a different anchor resets the position set by dragging.
|
|
5868
5900
|
*/
|
|
5869
5901
|
set anchor(value) {
|
|
5870
5902
|
if (resolveAnchorElement(this._anchor()) === resolveAnchorElement(value)) {
|
|
@@ -5933,12 +5965,13 @@ class FloatingToolBarComponent {
|
|
|
5933
5965
|
set fillMode(value) { this._fillMode.set(value); }
|
|
5934
5966
|
get fillMode() { return this._fillMode(); }
|
|
5935
5967
|
/**
|
|
5936
|
-
* Controls whether the user can reposition the FloatingToolBar with the pointer or the keyboard.
|
|
5937
|
-
|
|
5938
|
-
|
|
5939
|
-
|
|
5940
|
-
|
|
5941
|
-
|
|
5968
|
+
* Controls whether the user can reposition the FloatingToolBar with the pointer or the keyboard.
|
|
5969
|
+
* When enabled, the component renders a drag handle before the hosted ToolBar.
|
|
5970
|
+
*
|
|
5971
|
+
* Drag the handle with a pointer to reposition the FloatingToolBar.
|
|
5972
|
+
* To use the keyboard, press `M` while a ToolBar tool or the drag handle has focus. Focus moves to the drag handle,
|
|
5973
|
+
* where you can use the arrow keys to move the FloatingToolBar by 10 pixels at a time.
|
|
5974
|
+
* Press `Enter` or `Space`, or move focus away from the drag handle, to finish the move. Press `Escape` to restore the starting position.
|
|
5942
5975
|
*
|
|
5943
5976
|
* @default false
|
|
5944
5977
|
*/
|
|
@@ -5961,10 +5994,12 @@ class FloatingToolBarComponent {
|
|
|
5961
5994
|
dragStart = new EventEmitter();
|
|
5962
5995
|
/**
|
|
5963
5996
|
* Fires when the user moves the FloatingToolBar with the pointer or the keyboard.
|
|
5997
|
+
* When a keyboard move is canceled, fires with the starting position.
|
|
5964
5998
|
*/
|
|
5965
5999
|
move = new EventEmitter();
|
|
5966
6000
|
/**
|
|
5967
6001
|
* Fires when a pointer drag ends or the keyboard move mode is committed or canceled.
|
|
6002
|
+
* Also fires when an active drag stops because `anchor` changes, `draggable` is set to `false`, or the component is destroyed.
|
|
5968
6003
|
*/
|
|
5969
6004
|
dragEnd = new EventEmitter();
|
|
5970
6005
|
/**
|
|
@@ -5977,7 +6012,7 @@ class FloatingToolBarComponent {
|
|
|
5977
6012
|
get direction() {
|
|
5978
6013
|
return this._direction();
|
|
5979
6014
|
}
|
|
5980
|
-
moveMode = computed(() => this.keyboardMoveOrigin() !== null, ...(ngDevMode ? [{ debugName: "moveMode" }] :
|
|
6015
|
+
moveMode = computed(() => this.keyboardMoveOrigin() !== null, ...(ngDevMode ? [{ debugName: "moveMode" }] : []));
|
|
5981
6016
|
popupClass = computed(() => {
|
|
5982
6017
|
const size = SIZES[this._size()];
|
|
5983
6018
|
const fillMode = this._fillMode();
|
|
@@ -5986,7 +6021,7 @@ class FloatingToolBarComponent {
|
|
|
5986
6021
|
size && `k-floating-toolbar-${size}`,
|
|
5987
6022
|
fillMode && `k-floating-toolbar-${fillMode}`
|
|
5988
6023
|
].filter(Boolean).join(' ');
|
|
5989
|
-
}, ...(ngDevMode ? [{ debugName: "popupClass" }] :
|
|
6024
|
+
}, ...(ngDevMode ? [{ debugName: "popupClass" }] : []));
|
|
5990
6025
|
popupPosition = computed(() => resolvePopupPosition({
|
|
5991
6026
|
anchor: this._anchor(),
|
|
5992
6027
|
container: this.containerElement,
|
|
@@ -5995,27 +6030,27 @@ class FloatingToolBarComponent {
|
|
|
5995
6030
|
margin: this._margin(),
|
|
5996
6031
|
dragOffset: this._dragOffset(),
|
|
5997
6032
|
dragging: this.pointerDragging() || this.keyboardMoveOrigin() !== null
|
|
5998
|
-
}), ...(ngDevMode ? [{ debugName: "popupPosition" }] :
|
|
5999
|
-
popupPositionMode = computed(() => (this._draggable() || this._dragOffset()) ? 'absolute' : 'fixed', ...(ngDevMode ? [{ debugName: "popupPositionMode" }] :
|
|
6033
|
+
}), ...(ngDevMode ? [{ debugName: "popupPosition" }] : []));
|
|
6034
|
+
popupPositionMode = computed(() => (this._draggable() || this._dragOffset()) ? 'absolute' : 'fixed', ...(ngDevMode ? [{ debugName: "popupPositionMode" }] : []));
|
|
6000
6035
|
get dragHandleTitle() {
|
|
6001
6036
|
return this.localization.get('dragHandleTitle');
|
|
6002
6037
|
}
|
|
6003
|
-
_direction = signal('ltr', ...(ngDevMode ? [{ debugName: "_direction" }] :
|
|
6004
|
-
_anchor = signal(undefined, ...(ngDevMode ? [{ debugName: "_anchor" }] :
|
|
6005
|
-
_position = signal('top', ...(ngDevMode ? [{ debugName: "_position" }] :
|
|
6006
|
-
_containerAlign = signal({ horizontal: 'center', vertical: 'top' }, ...(ngDevMode ? [{ debugName: "_containerAlign" }] :
|
|
6007
|
-
_margin = signal({ horizontal: 0, vertical: 0 }, ...(ngDevMode ? [{ debugName: "_margin" }] :
|
|
6008
|
-
_width = signal(undefined, ...(ngDevMode ? [{ debugName: "_width" }] :
|
|
6009
|
-
_maxWidth = signal(undefined, ...(ngDevMode ? [{ debugName: "_maxWidth" }] :
|
|
6010
|
-
_overflow = signal('none', ...(ngDevMode ? [{ debugName: "_overflow" }] :
|
|
6011
|
-
_size = signal(undefined, ...(ngDevMode ? [{ debugName: "_size" }] :
|
|
6012
|
-
_fillMode = signal(undefined, ...(ngDevMode ? [{ debugName: "_fillMode" }] :
|
|
6013
|
-
_draggable = signal(false, ...(ngDevMode ? [{ debugName: "_draggable" }] :
|
|
6014
|
-
_ariaLabel = signal(undefined, ...(ngDevMode ? [{ debugName: "_ariaLabel" }] :
|
|
6015
|
-
_dragOffset = signal(null, ...(ngDevMode ? [{ debugName: "_dragOffset" }] :
|
|
6016
|
-
keyboardMoveOrigin = signal(null, ...(ngDevMode ? [{ debugName: "keyboardMoveOrigin" }] :
|
|
6038
|
+
_direction = signal('ltr', ...(ngDevMode ? [{ debugName: "_direction" }] : []));
|
|
6039
|
+
_anchor = signal(undefined, ...(ngDevMode ? [{ debugName: "_anchor" }] : []));
|
|
6040
|
+
_position = signal('top', ...(ngDevMode ? [{ debugName: "_position" }] : []));
|
|
6041
|
+
_containerAlign = signal({ horizontal: 'center', vertical: 'top' }, ...(ngDevMode ? [{ debugName: "_containerAlign" }] : []));
|
|
6042
|
+
_margin = signal({ horizontal: 0, vertical: 0 }, ...(ngDevMode ? [{ debugName: "_margin" }] : []));
|
|
6043
|
+
_width = signal(undefined, ...(ngDevMode ? [{ debugName: "_width" }] : []));
|
|
6044
|
+
_maxWidth = signal(undefined, ...(ngDevMode ? [{ debugName: "_maxWidth" }] : []));
|
|
6045
|
+
_overflow = signal('none', ...(ngDevMode ? [{ debugName: "_overflow" }] : []));
|
|
6046
|
+
_size = signal(undefined, ...(ngDevMode ? [{ debugName: "_size" }] : []));
|
|
6047
|
+
_fillMode = signal(undefined, ...(ngDevMode ? [{ debugName: "_fillMode" }] : []));
|
|
6048
|
+
_draggable = signal(false, ...(ngDevMode ? [{ debugName: "_draggable" }] : []));
|
|
6049
|
+
_ariaLabel = signal(undefined, ...(ngDevMode ? [{ debugName: "_ariaLabel" }] : []));
|
|
6050
|
+
_dragOffset = signal(null, ...(ngDevMode ? [{ debugName: "_dragOffset" }] : []));
|
|
6051
|
+
keyboardMoveOrigin = signal(null, ...(ngDevMode ? [{ debugName: "keyboardMoveOrigin" }] : []));
|
|
6017
6052
|
preMoveDragOffset = null;
|
|
6018
|
-
pointerDragging = signal(false, ...(ngDevMode ? [{ debugName: "pointerDragging" }] :
|
|
6053
|
+
pointerDragging = signal(false, ...(ngDevMode ? [{ debugName: "pointerDragging" }] : []));
|
|
6019
6054
|
pointerDrag = null;
|
|
6020
6055
|
focusReturnTarget = null;
|
|
6021
6056
|
isFocusWithinComponent = false;
|
|
@@ -6063,7 +6098,7 @@ class FloatingToolBarComponent {
|
|
|
6063
6098
|
this.subscriptions.unsubscribe();
|
|
6064
6099
|
}
|
|
6065
6100
|
/**
|
|
6066
|
-
* Moves the focus
|
|
6101
|
+
* Moves the focus to the first focusable tool that is not in the overflow menu.
|
|
6067
6102
|
*/
|
|
6068
6103
|
focus() {
|
|
6069
6104
|
this.toolbarComponent?.element.nativeElement.focus();
|
|
@@ -6071,6 +6106,7 @@ class FloatingToolBarComponent {
|
|
|
6071
6106
|
/**
|
|
6072
6107
|
* Sets the FloatingToolBar position using the provided `top` and `left` coordinates.
|
|
6073
6108
|
* The position is clamped to the viewport.
|
|
6109
|
+
* Does not emit the `move` event.
|
|
6074
6110
|
*/
|
|
6075
6111
|
setPosition(position) {
|
|
6076
6112
|
const popupElement = this.popupComponent?.container.nativeElement;
|
|
@@ -6316,8 +6352,8 @@ class FloatingToolBarComponent {
|
|
|
6316
6352
|
};
|
|
6317
6353
|
return clampToBounds({ left, top }, { width, height }, viewport, getPositioningOrigin(offsetParent));
|
|
6318
6354
|
}
|
|
6319
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
6320
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
6355
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: FloatingToolBarComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Injector }, { token: i0.Renderer2 }, { token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
6356
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: FloatingToolBarComponent, isStandalone: true, selector: "kendo-floatingtoolbar", inputs: { anchor: "anchor", position: "position", containerAlign: "containerAlign", margin: "margin", width: "width", maxWidth: "maxWidth", overflow: "overflow", size: "size", fillMode: "fillMode", draggable: "draggable", ariaLabel: "ariaLabel" }, outputs: { dragStart: "dragStart", move: "move", dragEnd: "dragEnd" }, host: { properties: { "attr.dir": "this.direction" } }, providers: [
|
|
6321
6357
|
LocalizationService,
|
|
6322
6358
|
{ provide: L10N_PREFIX, useValue: 'kendo.floatingtoolbar' },
|
|
6323
6359
|
provideComponentName('floatingtoolbar'),
|
|
@@ -6375,7 +6411,7 @@ class FloatingToolBarComponent {
|
|
|
6375
6411
|
</kendo-popup>
|
|
6376
6412
|
`, isInline: true, dependencies: [{ kind: "component", type: PopupComponent, selector: "kendo-popup", inputs: ["animate", "anchor", "anchorAlign", "collision", "popupAlign", "copyAnchorStyles", "popupClass", "positionMode", "offset", "margin"], outputs: ["anchorViewportLeave", "close", "open", "positionChange"], exportAs: ["kendo-popup"] }, { kind: "component", type: ToolBarComponent, selector: "kendo-toolbar", inputs: ["overflow", "resizable", "popupSettings", "fillMode", "tabindex", "size", "tabIndex", "showIcon", "showText", "toolsSource"], outputs: ["open", "close"], exportAs: ["kendoToolBar"] }, { kind: "component", type: ToolbarCustomMessagesComponent, selector: "kendo-toolbar-messages" }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }, { kind: "directive", type: LocalizedFloatingToolBarMessagesDirective, selector: "[kendoFloatingToolBarLocalizedMessages]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
6377
6413
|
}
|
|
6378
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
6414
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: FloatingToolBarComponent, decorators: [{
|
|
6379
6415
|
type: Component,
|
|
6380
6416
|
args: [{
|
|
6381
6417
|
selector: 'kendo-floatingtoolbar',
|
|
@@ -6510,15 +6546,15 @@ class FloatingToolBarCustomMessagesComponent extends FloatingToolBarMessages {
|
|
|
6510
6546
|
get override() {
|
|
6511
6547
|
return true;
|
|
6512
6548
|
}
|
|
6513
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
6514
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
6549
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: FloatingToolBarCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
6550
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.33", type: FloatingToolBarCustomMessagesComponent, isStandalone: true, selector: "kendo-floatingtoolbar-messages", providers: [
|
|
6515
6551
|
{
|
|
6516
6552
|
provide: FloatingToolBarMessages,
|
|
6517
6553
|
useExisting: forwardRef(() => FloatingToolBarCustomMessagesComponent)
|
|
6518
6554
|
}
|
|
6519
6555
|
], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
|
|
6520
6556
|
}
|
|
6521
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
6557
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: FloatingToolBarCustomMessagesComponent, decorators: [{
|
|
6522
6558
|
type: Component,
|
|
6523
6559
|
args: [{
|
|
6524
6560
|
providers: [
|
|
@@ -6583,11 +6619,11 @@ const KENDO_TOOLBAR = [
|
|
|
6583
6619
|
* ```
|
|
6584
6620
|
*/
|
|
6585
6621
|
class ToolBarModule {
|
|
6586
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
6587
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
6588
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
6622
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ToolBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
6623
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.33", ngImport: i0, type: ToolBarModule, imports: [ToolBarComponent, ToolbarCustomMessagesComponent, ToolBarButtonComponent, ToolBarButtonGroupComponent, ToolBarDropDownButtonComponent, ToolBarSeparatorComponent, ToolBarSpacerComponent, ToolBarSplitButtonComponent, ToolBarToolComponent, FloatingToolBarComponent, FloatingToolBarCustomMessagesComponent], exports: [ToolBarComponent, ToolbarCustomMessagesComponent, ToolBarButtonComponent, ToolBarButtonGroupComponent, ToolBarDropDownButtonComponent, ToolBarSeparatorComponent, ToolBarSpacerComponent, ToolBarSplitButtonComponent, ToolBarToolComponent, FloatingToolBarComponent, FloatingToolBarCustomMessagesComponent] });
|
|
6624
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ToolBarModule, providers: [IconsService, PopupService, ResizeBatchService], imports: [ToolBarComponent, ToolBarButtonComponent, ToolBarButtonGroupComponent, ToolBarDropDownButtonComponent, ToolBarSplitButtonComponent, FloatingToolBarComponent] });
|
|
6589
6625
|
}
|
|
6590
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
6626
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ToolBarModule, decorators: [{
|
|
6591
6627
|
type: NgModule,
|
|
6592
6628
|
args: [{
|
|
6593
6629
|
exports: [...KENDO_TOOLBAR],
|
|
@@ -892,11 +892,13 @@ declare class ToolBarButtonComponent extends ToolBarToolComponent {
|
|
|
892
892
|
/**
|
|
893
893
|
* @hidden
|
|
894
894
|
*/
|
|
895
|
-
hasBadgeContainer: boolean;
|
|
895
|
+
set hasBadgeContainer(value: boolean);
|
|
896
|
+
get hasBadgeContainer(): boolean;
|
|
896
897
|
/**
|
|
897
898
|
* @hidden
|
|
898
899
|
*/
|
|
899
|
-
showBadge: boolean;
|
|
900
|
+
set showBadge(value: boolean);
|
|
901
|
+
get showBadge(): boolean;
|
|
900
902
|
/**
|
|
901
903
|
* @hidden
|
|
902
904
|
*/
|
|
@@ -924,6 +926,8 @@ declare class ToolBarButtonComponent extends ToolBarToolComponent {
|
|
|
924
926
|
private _fillMode;
|
|
925
927
|
private _rounded;
|
|
926
928
|
private _themeColor;
|
|
929
|
+
private _hasBadgeContainer;
|
|
930
|
+
private _showBadge;
|
|
927
931
|
private propertyChangeSub;
|
|
928
932
|
private _overflowOptions;
|
|
929
933
|
private _toolbarOptions;
|
|
@@ -1634,7 +1638,7 @@ declare class ToolbarCustomMessagesComponent extends ToolbarMessages {
|
|
|
1634
1638
|
}
|
|
1635
1639
|
|
|
1636
1640
|
/**
|
|
1637
|
-
*
|
|
1641
|
+
* Specifies the arguments for the `dragStart` event of the FloatingToolBar.
|
|
1638
1642
|
*/
|
|
1639
1643
|
declare class FloatingToolBarDragStartEvent extends PreventableEvent {
|
|
1640
1644
|
sender: FloatingToolBarComponent;
|
|
@@ -1647,7 +1651,7 @@ declare class FloatingToolBarDragStartEvent extends PreventableEvent {
|
|
|
1647
1651
|
preventDefault(): void;
|
|
1648
1652
|
}
|
|
1649
1653
|
/**
|
|
1650
|
-
*
|
|
1654
|
+
* Specifies the arguments for the `move` event of the FloatingToolBar.
|
|
1651
1655
|
*/
|
|
1652
1656
|
declare class FloatingToolBarMoveEvent {
|
|
1653
1657
|
sender: FloatingToolBarComponent;
|
|
@@ -1656,7 +1660,7 @@ declare class FloatingToolBarMoveEvent {
|
|
|
1656
1660
|
constructor(sender: FloatingToolBarComponent, top: number, left: number);
|
|
1657
1661
|
}
|
|
1658
1662
|
/**
|
|
1659
|
-
*
|
|
1663
|
+
* Specifies the arguments for the `dragEnd` event of the FloatingToolBar.
|
|
1660
1664
|
*/
|
|
1661
1665
|
declare class FloatingToolBarDragEndEvent {
|
|
1662
1666
|
sender: FloatingToolBarComponent;
|
|
@@ -1670,18 +1674,13 @@ declare class FloatingToolBarDragEndEvent {
|
|
|
1670
1674
|
*/
|
|
1671
1675
|
type FloatingToolBarPosition = 'top' | 'bottom' | 'left' | 'right';
|
|
1672
1676
|
/**
|
|
1673
|
-
*
|
|
1674
|
-
*
|
|
1675
|
-
* @remarks
|
|
1676
|
-
* Narrower than the ToolBar's own `OverflowMode` — `'section'` is intentionally excluded. The shared
|
|
1677
|
-
* 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.
|
|
1678
1679
|
*/
|
|
1679
1680
|
type FloatingToolBarOverflowMode = 'scroll' | 'menu' | 'none';
|
|
1680
1681
|
/**
|
|
1681
1682
|
* Configures the overflow behavior of the FloatingToolBar in detail.
|
|
1682
|
-
*
|
|
1683
|
-
* @remarks
|
|
1684
|
-
* Narrower than the ToolBar's own `ToolbarOverflowSettings` — `mode` cannot be set to `'section'`.
|
|
1683
|
+
* Unlike the ToolBar, the `mode` property does not accept `'section'`.
|
|
1685
1684
|
*/
|
|
1686
1685
|
type FloatingToolBarOverflowSettings = Omit<ToolbarOverflowSettings, 'mode'> & {
|
|
1687
1686
|
mode?: FloatingToolBarOverflowMode;
|
|
@@ -1718,6 +1717,17 @@ interface PopupPosition {
|
|
|
1718
1717
|
* <kendo-toolbar-button text="Button"></kendo-toolbar-button>
|
|
1719
1718
|
* </kendo-floatingtoolbar>
|
|
1720
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}
|
|
1721
1731
|
*/
|
|
1722
1732
|
declare class FloatingToolBarComponent implements OnInit, AfterViewInit, OnDestroy {
|
|
1723
1733
|
private hostElement;
|
|
@@ -1733,6 +1743,7 @@ declare class FloatingToolBarComponent implements OnInit, AfterViewInit, OnDestr
|
|
|
1733
1743
|
/**
|
|
1734
1744
|
* Sets the element the FloatingToolBar is positioned against. When not set, the component
|
|
1735
1745
|
* is positioned within its containing element based on the `containerAlign` option.
|
|
1746
|
+
* Setting a different anchor resets the position set by dragging.
|
|
1736
1747
|
*/
|
|
1737
1748
|
set anchor(value: ElementRef | HTMLElement);
|
|
1738
1749
|
get anchor(): ElementRef | HTMLElement;
|
|
@@ -1788,12 +1799,13 @@ declare class FloatingToolBarComponent implements OnInit, AfterViewInit, OnDestr
|
|
|
1788
1799
|
set fillMode(value: ToolbarFillMode);
|
|
1789
1800
|
get fillMode(): ToolbarFillMode;
|
|
1790
1801
|
/**
|
|
1791
|
-
* Controls whether the user can reposition the FloatingToolBar with the pointer or the keyboard.
|
|
1792
|
-
|
|
1793
|
-
|
|
1794
|
-
|
|
1795
|
-
|
|
1796
|
-
|
|
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.
|
|
1797
1809
|
*
|
|
1798
1810
|
* @default false
|
|
1799
1811
|
*/
|
|
@@ -1811,10 +1823,12 @@ declare class FloatingToolBarComponent implements OnInit, AfterViewInit, OnDestr
|
|
|
1811
1823
|
dragStart: EventEmitter<FloatingToolBarDragStartEvent>;
|
|
1812
1824
|
/**
|
|
1813
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.
|
|
1814
1827
|
*/
|
|
1815
1828
|
move: EventEmitter<FloatingToolBarMoveEvent>;
|
|
1816
1829
|
/**
|
|
1817
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.
|
|
1818
1832
|
*/
|
|
1819
1833
|
dragEnd: EventEmitter<FloatingToolBarDragEndEvent>;
|
|
1820
1834
|
/**
|
|
@@ -1858,12 +1872,13 @@ declare class FloatingToolBarComponent implements OnInit, AfterViewInit, OnDestr
|
|
|
1858
1872
|
ngAfterViewInit(): void;
|
|
1859
1873
|
ngOnDestroy(): void;
|
|
1860
1874
|
/**
|
|
1861
|
-
* Moves the focus
|
|
1875
|
+
* Moves the focus to the first focusable tool that is not in the overflow menu.
|
|
1862
1876
|
*/
|
|
1863
1877
|
focus(): void;
|
|
1864
1878
|
/**
|
|
1865
1879
|
* Sets the FloatingToolBar position using the provided `top` and `left` coordinates.
|
|
1866
1880
|
* The position is clamped to the viewport.
|
|
1881
|
+
* Does not emit the `move` event.
|
|
1867
1882
|
*/
|
|
1868
1883
|
setPosition(position: Offset): void;
|
|
1869
1884
|
protected messageFor(key: string): string;
|
package/package-metadata.mjs
CHANGED
|
@@ -7,7 +7,7 @@ export const packageMetadata = {
|
|
|
7
7
|
"productCodes": [
|
|
8
8
|
"KENDOUIANGULAR"
|
|
9
9
|
],
|
|
10
|
-
"publishDate":
|
|
11
|
-
"version": "25.4.0-develop.
|
|
10
|
+
"publishDate": 1792513888,
|
|
11
|
+
"version": "25.4.0-develop.10",
|
|
12
12
|
"licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
|
|
13
13
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-toolbar",
|
|
3
|
-
"version": "25.4.0-develop.
|
|
3
|
+
"version": "25.4.0-develop.10",
|
|
4
4
|
"description": "Kendo UI Angular Toolbar component - a single UI element that organizes buttons and other navigation elements",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"author": "Progress",
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
"package": {
|
|
44
44
|
"productName": "Kendo UI for Angular",
|
|
45
45
|
"productCode": "KENDOUIANGULAR",
|
|
46
|
-
"publishDate":
|
|
46
|
+
"publishDate": 1792513888,
|
|
47
47
|
"licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
|
|
48
48
|
}
|
|
49
49
|
},
|
|
@@ -53,30 +53,29 @@
|
|
|
53
53
|
"@angular/core": "20 - 22",
|
|
54
54
|
"@angular/platform-browser": "20 - 22",
|
|
55
55
|
"@progress/kendo-licensing": "^1.11.0",
|
|
56
|
-
"@progress/kendo-angular-buttons": "25.4.0-develop.
|
|
57
|
-
"@progress/kendo-angular-common": "25.4.0-develop.
|
|
58
|
-
"@progress/kendo-angular-l10n": "25.4.0-develop.
|
|
59
|
-
"@progress/kendo-angular-icons": "25.4.0-develop.
|
|
60
|
-
"@progress/kendo-angular-indicators": "25.4.0-develop.
|
|
61
|
-
"@progress/kendo-angular-popup": "25.4.0-develop.
|
|
56
|
+
"@progress/kendo-angular-buttons": "25.4.0-develop.10",
|
|
57
|
+
"@progress/kendo-angular-common": "25.4.0-develop.10",
|
|
58
|
+
"@progress/kendo-angular-l10n": "25.4.0-develop.10",
|
|
59
|
+
"@progress/kendo-angular-icons": "25.4.0-develop.10",
|
|
60
|
+
"@progress/kendo-angular-indicators": "25.4.0-develop.10",
|
|
61
|
+
"@progress/kendo-angular-popup": "25.4.0-develop.10",
|
|
62
62
|
"rxjs": "^6.5.3 || ^7.0.0"
|
|
63
63
|
},
|
|
64
64
|
"dependencies": {
|
|
65
65
|
"tslib": "^2.3.1",
|
|
66
|
-
"@progress/kendo-angular-schematics": "25.4.0-develop.
|
|
66
|
+
"@progress/kendo-angular-schematics": "25.4.0-develop.10"
|
|
67
67
|
},
|
|
68
68
|
"schematics": "./schematics/collection.json",
|
|
69
69
|
"module": "fesm2022/progress-kendo-angular-toolbar.mjs",
|
|
70
|
-
"typings": "
|
|
70
|
+
"typings": "index.d.ts",
|
|
71
71
|
"exports": {
|
|
72
72
|
"./package.json": {
|
|
73
73
|
"default": "./package.json"
|
|
74
74
|
},
|
|
75
75
|
".": {
|
|
76
|
-
"types": "./
|
|
76
|
+
"types": "./index.d.ts",
|
|
77
77
|
"default": "./fesm2022/progress-kendo-angular-toolbar.mjs"
|
|
78
78
|
}
|
|
79
79
|
},
|
|
80
|
-
"sideEffects": false
|
|
81
|
-
"type": "module"
|
|
80
|
+
"sideEffects": false
|
|
82
81
|
}
|