@progress/kendo-angular-toolbar 24.2.2 → 25.0.0-develop.1

package/index.d.ts

@@ -2,24 +2,1532 @@
 * Copyright © 2026 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-export { ToolBarComponent } from './toolbar.component';
-export { ToolBarToolComponent } from './tools/toolbar-tool.component';
-export { ToolBarButtonComponent } from './tools/toolbar-button.component';
-export { ToolBarButtonGroupComponent } from './tools/toolbar-buttongroup.component';
-export { ToolBarDropDownButtonComponent } from './tools/toolbar-dropdownbutton.component';
-export { ToolBarSplitButtonComponent } from './tools/toolbar-splitbutton.component';
-export { ToolBarSeparatorComponent } from './tools/toolbar-separator.component';
-export { ToolBarSpacerComponent } from './tools/toolbar-spacer.component';
-export { ButtonGroupSelection } from './group-selection-settings';
-export { PopupSettings } from './popup-settings';
-export { DisplayMode } from './display-mode';
-export { ToolBarModule } from './toolbar.module';
-export { LocalizedToolbarMessagesDirective } from './localization/localized-toolbar-messages.directive';
-export { ToolbarCustomMessagesComponent } from './localization/custom-messages.component';
-export { RefreshService } from './refresh.service';
-export { ToolbarSize } from './common/size';
-export { ToolbarFillMode } from './common/fillmode';
-export { OverflowMode } from './common/overflow-mode';
-export { ToolbarOverflowSettings } from './common/overflow-settings';
-export { ToolbarScrollButtonsPosition, ToolbarScrollButtonsVisibility } from './common/scroll-buttons';
-export * from './directives';
+import * as i0 from '@angular/core';
+import { TemplateRef, ElementRef, EventEmitter, OnInit, OnDestroy, Renderer2, ViewContainerRef, NgZone, QueryList, ChangeDetectorRef, SimpleChanges, AfterViewInit } from '@angular/core';
+import { Align, PopupRef, PopupService } from '@progress/kendo-angular-popup';
+import { ResizeSensorComponent } from '@progress/kendo-angular-common';
+import { LocalizationService, ComponentMessages } from '@progress/kendo-angular-l10n';
+import { LicenseMessage } from '@progress/kendo-licensing';
+import { Subject } from 'rxjs';
+import { SVGIcon } from '@progress/kendo-svg-icons';
+import { ButtonFillMode, ButtonRounded, ButtonThemeColor, PreventableEvent as PreventableEvent$1, ArrowIconSettings, DropDownButtonComponent } from '@progress/kendo-angular-buttons';
+
+/**
+ * @hidden
+ */
+type RenderLocation = 'toolbar' | 'overflow' | 'section';
+
+/**
+ * Represents the base ToolBar Tool component for Angular.
+ *
+ * Extend this class to create a custom tool for the ToolBar.
+ *
+ * @example
+ * ```typescript
+ * import { Component } from '@angular/core';
+ * import { ToolBarToolComponent } from '@progress/kendo-angular-toolbar';
+ *
+ * @Component({
+ *    providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => CustomToolComponent) }],
+ *    selector: 'custom-tool',
+ * })
+ *
+ * export class CustomToolComponent extends ToolBarToolComponent {
+ *
+ *  constructor() {
+ *        super();
+ *    }
+ * }
+ * ```
+ */
+declare class ToolBarToolComponent {
+    toolbarTemplate: TemplateRef<any>;
+    sectionTemplate: TemplateRef<any>;
+    popupTemplate: TemplateRef<any>;
+    tabIndex: number;
+    overflows: boolean;
+    visibility: string;
+    element: ElementRef;
+    isBuiltInTool: boolean;
+    /**
+     * @hidden
+     */
+    isHidden: boolean;
+    /**
+     * @hidden
+     */
+    location: RenderLocation;
+    constructor();
+    /**
+     * @hidden
+     */
+    responsive: boolean;
+    get toolbarDisplay(): string;
+    get overflowDisplay(): string;
+    /**
+     * Determines if the tool can receive focus.
+     * Returns `true` if the tool participates in keyboard navigation.
+     * @returns `true` if the tool is focusable.
+     */
+    canFocus(): boolean;
+    /**
+     * Called when the tool receives focus.
+     * Accepts the original browser event, which can be a `KeyboardEvent`, `MouseEvent`, or `FocusEvent`.
+     * @param {Event} _ev - The event that triggers focus for the tool.
+     */
+    focus(_ev?: Event): void;
+    /**
+     * Called when the tool is focused and an arrow key is pressed.
+     * Returns a boolean value that determines if the `ToolBarComponent` moves focus to the next or previous tool
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/toolbar/custom-control-types#adding-keyboard-navigation)).
+     * @param {KeyboardEvent} _ev - The last pressed arrow key.
+     * @returns `true` if focus moves to another tool.
+     */
+    handleKey(_ev: KeyboardEvent): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToolBarToolComponent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ToolBarToolComponent, never, never, { "responsive": { "alias": "responsive"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * @hidden
+ */
+declare class RefreshService {
+    onRefresh: EventEmitter<any>;
+    refresh(tool: ToolBarToolComponent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RefreshService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<RefreshService>;
+}
+
+/**
+ * @hidden
+ */
+declare class RendererService {
+    element: ElementRef;
+    renderer: ToolBarRendererComponent;
+    getElement(): HTMLElement;
+    querySelector(selector: string): HTMLElement;
+    querySelectorAll(selector: string): NodeList;
+    findFocusable(): HTMLElement;
+    findFocusableChild(element?: HTMLElement): HTMLElement;
+    findNextFocusableSibling(element?: HTMLElement): HTMLElement;
+    findPrevFocusableSibling(element?: HTMLElement): HTMLElement;
+    setAttribute(element: HTMLElement, attr: string, value: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RendererService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<RendererService>;
+}
+
+/**
+ * @hidden
+ */
+interface RendererClickPayload {
+    context: ToolBarRendererComponent;
+    event: Event;
+}
+
+/**
+ * @hidden
+ */
+declare class ToolbarToolsService {
+    renderedToolsChange: Subject<ToolBarRendererComponent[]>;
+    overflowToolsChange: Subject<ToolBarRendererComponent[]>;
+    renderedTools: ToolBarRendererComponent[];
+    overflowTools: ToolBarRendererComponent[];
+    allTools: ToolBarToolComponent[];
+    reset(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToolbarToolsService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ToolbarToolsService>;
+}
+
+/**
+ * @hidden
+ */
+declare class ToolBarRendererComponent implements OnInit, OnDestroy {
+    private renderer;
+    private rendererService;
+    private refreshService;
+    private toolsService;
+    private viewContainer;
+    tool: ToolBarToolComponent;
+    location: RenderLocation;
+    resizable: boolean;
+    rendererClick: EventEmitter<RendererClickPayload>;
+    template: TemplateRef<any>;
+    element: ElementRef;
+    private get isSpacer();
+    private refreshSubscription;
+    private internalComponentRef;
+    constructor(renderer: Renderer2, rendererService: RendererService, refreshService: RefreshService, toolsService: ToolbarToolsService, viewContainer: ViewContainerRef);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    ngAfterViewInit(): void;
+    /**
+     * @hidden
+     */
+    get width(): number;
+    isDisplayed(): boolean;
+    refresh(): void;
+    setAttribute(element: HTMLElement, attr: string, value: string): void;
+    private onClick;
+    private updateTools;
+    private hideTool;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToolBarRendererComponent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ToolBarRendererComponent, "[kendoToolbarRenderer]", never, { "tool": { "alias": "tool"; "required": false; }; "location": { "alias": "location"; "required": false; }; "resizable": { "alias": "resizable"; "required": false; }; }, { "rendererClick": "rendererClick"; }, never, never, true, never>;
+}
+
+/**
+ * @hidden
+ */
+declare class NavigationService {
+    private zone;
+    overflowButton: ElementRef<HTMLButtonElement>;
+    private focused;
+    private renderedTools;
+    private isPopupFocused;
+    private isOverflowButtonFocused;
+    constructor(zone: NgZone);
+    setRenderedTools(rts: ToolBarRendererComponent[]): void;
+    click({ context, event: ev }: RendererClickPayload): void;
+    moveFocusToToolBar(): void;
+    moveFocusToPopup(): void;
+    focusNext(ev: KeyboardEvent): void;
+    focusPrev(ev: KeyboardEvent): void;
+    resetNavigation(): void;
+    focusFirst(ev: Event): void;
+    focusLast(ev: Event): void;
+    private getFocusableTools;
+    private focus;
+    private blurOverflowButton;
+    private focusOverflowButton;
+    private isOverflowButtonVisible;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NavigationService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<NavigationService>;
+}
+
+/**
+ * Configures the options for the popup container.
+ *
+ * Represents the Kendo UI for Angular ToolBar popup settings.
+ *
+ * @example
+ * ```ts
+ * @Component({
+ *   selector: 'my-app',
+ *   template: `
+ *     <kendo-toolbar [overflow]="true" [popupSettings]="{ animate: false }">
+ *       <kendo-toolbar-button text="my button"></kendo-toolbar-button>
+ *     </kendo-toolbar>
+ *   `
+ * })
+ * class AppComponent { }
+ * ```
+ */
+interface PopupSettings {
+    /**
+     * Controls the popup animation.
+     * By default, the open and close animations are enabled.
+     */
+    animate?: boolean;
+    /**
+     * Controls the popup container.
+     * By default, the popup is appended to the root component.
+     */
+    appendTo?: 'root' | 'component' | ViewContainerRef;
+    /**
+     * Sets CSS classes for styling the popup.
+     */
+    popupClass?: string | string[] | Set<string> | object;
+    /**
+     * Sets the anchor pivot point.
+     */
+    anchorAlign?: Align;
+    /**
+     * Sets the popup pivot point.
+     */
+    popupAlign?: Align;
+    /**
+     * Sets the popup width.
+     * The default value is `150` pixels.
+     * Use a number for pixels or a string for arbitrary units like `"50%"`.
+     */
+    width?: number | string;
+    /**
+     * Sets the popup height.
+     * By default, the popup height matches its content.
+     * Use a number for pixels or a string for arbitrary units like `"50%"`.
+     */
+    height?: number | string;
+}
+
+/**
+ * Represents the possible size options of the ToolBar.
+ */
+type ToolbarSize = 'small' | 'medium' | 'large';
+
+/**
+ * @hidden
+ */
+declare class PreventableEvent {
+    private prevented;
+    /**
+     * Prevents the default action for a specified event.
+     * In this way, the source component suppresses the built-in behavior that follows the event.
+     */
+    preventDefault(): void;
+    /**
+     * If the event is prevented by any of its subscribers, returns `true`.
+     *
+     * @returns `true` if the default action was prevented. Otherwise, returns `false`.
+     */
+    isDefaultPrevented(): boolean;
+}
+
+/**
+ * @hidden
+ */
+type Direction = 'rtl' | 'ltr';
+
+/**
+ * Represents the possible fill mode options of the ToolBar.
+ */
+type ToolbarFillMode = 'solid' | 'flat' | 'outline';
+
+/**
+ * Sets how the ToolBar handles overflow when there is not enough space to display all tools.
+ */
+type OverflowMode = 'scroll' | 'section' | 'menu' | 'none';
+
+/**
+ * Controls when the ToolBar renders scroll buttons.
+ *
+ * The possible options are:
+ * - `auto`(default)&mdash;Renders the scroll buttons only when the tools overflow the ToolBar container.
+ * - `visible`&mdash;Always renders the scroll buttons.
+ * - `hidden`&mdash;Never renders the scroll buttons.
+ */
+type ToolbarScrollButtonsVisibility = 'hidden' | 'visible' | 'auto';
+/**
+ * Controls where the ToolBar renders scroll buttons.
+ *
+ * The possible options are:
+ * - `start`&mdash;Renders the scroll buttons at the start before all tools.
+ * - `end`&mdash;Renders the scroll buttons at the end after all tools.
+ * - `split`(default)&mdash;Renders the scroll buttons on both sides of the tools list.
+ */
+type ToolbarScrollButtonsPosition = 'start' | 'end' | 'split';
+
+/**
+ * Represents the overflow settings for the ToolBar.
+ */
+interface ToolbarOverflowSettings {
+    /**
+     * Sets the ToolBar overflow mode.
+     * @default 'none'
+     */
+    mode?: OverflowMode;
+    /**
+     * Sets the ToolBar scroll buttons visibility mode. Applies when the overflow mode is set to `'scroll'`.
+     */
+    scrollButtons?: ToolbarScrollButtonsVisibility;
+    /**
+     * Sets the ToolBar scroll buttons position. Applies when the overflow mode is set to `'scroll'`.
+     */
+    scrollButtonsPosition?: ToolbarScrollButtonsPosition;
+    /**
+     * Adds a custom CSS class or multiple classes to the span element of the previous scroll button. Applies when the overflow mode is set to `'scroll'`.
+     *
+     * Allows the usage of custom icons.
+     */
+    prevButtonIcon?: string;
+    /**
+     * Adds a custom CSS class or multiple classes to the span element of the next scroll button. Applies when the overflow mode is set to `'scroll'`.
+     *
+     * Allows the usage of custom icons.
+     */
+    nextButtonIcon?: string;
+    /**
+     * Sets an `SVGIcon` for the previous button icon. Accepts an [existing Kendo SVG icon](https://www.telerik.com/kendo-angular-ui/components/icons/svgicon/svgicon-list) or a custom one. Applies when the overflow mode is set to `'scroll'`.
+     */
+    prevSVGButtonIcon?: SVGIcon;
+    /**
+     * Sets an `SVGIcon` for the next button icon. Accepts an [existing Kendo SVG icon](https://www.telerik.com/kendo-angular-ui/components/icons/svgicon/svgicon-list) or a custom one. Applies when the overflow mode is set to `'scroll'`.
+     */
+    nextSVGButtonIcon?: SVGIcon;
+}
+
+/**
+ * @hidden
+ */
+type ScrollButtonActiveStateChange = {
+    buttonType: string;
+    active: boolean;
+};
+/**
+ * @hidden
+ */
+declare class ScrollService {
+    private ngZone;
+    private localization;
+    owner: ToolBarComponent;
+    position: number;
+    scrollButtonActiveStateChange: Subject<ScrollButtonActiveStateChange>;
+    get scrollElement(): HTMLElement;
+    get scrollContainerOverflowSize(): number;
+    get toolsOverflow(): boolean;
+    constructor(ngZone: NgZone, localization: LocalizationService);
+    toggleScrollButtonsState(): void;
+    onScroll(e: Event): void;
+    scrollTools(direction: string): void;
+    updateScrollPosition(element: HTMLElement): void;
+    calculateListPosition(direction: string, scrollSpeed: number): void;
+    private toggleButtonActiveState;
+    private isDisabled;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScrollService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ScrollService>;
+}
+
+/**
+ * Sets the visibility for the ToolBar tool text or icon.
+ *
+ * The possible values are:
+ * - `always`&mdash;Always shows the text or icon regardless of the overflow mode.
+ * - `toolbar`&mdash;Shows in the main ToolBar and in the overflow element when using `section` overflow mode.
+ * - `menu`&mdash;Shows only in the overflow popup when using `menu` overflow mode.
+ * - `never`&mdash;Never renders the text or icon.
+ *
+ * @default 'always'
+ */
+type DisplayMode = 'always' | 'toolbar' | 'menu' | 'never';
+
+/**
+ * Represents the [Kendo UI ToolBar component for Angular](https://www.telerik.com/kendo-angular-ui/components/toolbar).
+ *
+ * @example
+ * ```html
+ * <kendo-toolbar>
+ *      <kendo-toolbar-button text="Button"></kendo-toolbar-button>
+ * </kendo-toolbar>
+ * ```
+ *
+ * @remarks
+ * Supported children components are:
+ * {@link ToolBarButtonComponent},
+ * {@link ToolBarButtonGroupComponent},
+ * {@link ToolBarDropDownButtonComponent},
+ * {@link ToolBarSplitButtonComponent},
+ * {@link ToolBarSeparatorComponent},
+ * {@link ToolBarSpacerComponent},
+ * {@link ToolbarCustomMessagesComponent},
+ * {@link ToolBarToolComponent},
+ * {@link EditorColorPickerComponent},
+ * {@link EditorFontFamilyComponent},
+ * {@link EditorFontSizeComponent},
+ * {@link EditorFormatComponent},
+ * {@link EditorInsertTableButtonComponent},
+ * {@link SelectAllToolbarToolComponent}.
+ */
+declare class ToolBarComponent {
+    localization: LocalizationService;
+    private popupService;
+    refreshService: RefreshService;
+    private navigationService;
+    element: ElementRef;
+    private zone;
+    private renderer;
+    private _cdr;
+    private toolsService;
+    private scrollService;
+    get overflowClass(): string;
+    /**
+     * Sets the overflow mode for the ToolBar.
+     * Use this property to control how tools render when their total size is greater than the ToolBar container.
+     * @default false
+     */
+    set overflow(overflow: boolean | OverflowMode | ToolbarOverflowSettings);
+    get overflow(): boolean | OverflowMode | ToolbarOverflowSettings;
+    get showScrollButtons(): boolean;
+    /**
+     * @hidden
+     */
+    set resizable(value: boolean);
+    get resizable(): boolean;
+    /**
+     * @hidden
+     */
+    get hasScrollButtons(): {
+        visible: boolean;
+        position: ToolbarScrollButtonsPosition;
+    };
+    /**
+     * @hidden
+     */
+    get isScrollMode(): boolean;
+    /**
+     * @hidden
+     */
+    get showMenu(): boolean;
+    /**
+     * @hidden
+     */
+    get overflowEnabled(): boolean;
+    /**
+     * Configures the popup for the ToolBar overflow button.
+     * Use this property to customize the overflow popup appearance and behavior
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/toolbar/responsive-toolbar#customizing-the-popup)).
+     */
+    set popupSettings(settings: PopupSettings);
+    get popupSettings(): PopupSettings;
+    /**
+     * Sets the fill mode for the ToolBar.
+     * This property controls the background and border styles of the ToolBar
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/toolbar/appearance#fill-mode)). The default value is set by the Kendo theme.
+     */
+    set fillMode(fillMode: ToolbarFillMode);
+    get fillMode(): ToolbarFillMode;
+    /**
+     * Sets the `tabindex` attribute of the ToolBar.
+     * Use this property to control the tab order of the ToolBar component.
+     *
+     * @default 0
+     */
+    tabindex: number;
+    /**
+     * Sets the size for all ToolBar elements.
+     * Use this property to control the padding of the ToolBar elements. The default value is set by the Kendo theme.
+     */
+    set size(size: ToolbarSize);
+    get size(): ToolbarSize;
+    /**
+     * @hidden
+     */
+    set tabIndex(tabIndex: number);
+    get tabIndex(): number;
+    /**
+     * Sets the icon visibility for all tools in the ToolBar.
+     * You can override this property for each tool using the `showIcon` property of the tool.
+     * @default 'always'
+     */
+    set showIcon(value: DisplayMode | boolean);
+    /**
+     * Sets the text visibility for all tools in the ToolBar.
+     * You can override this property for each tool using the `showText` property of the tool.
+     * @default 'always'
+     */
+    set showText(value: DisplayMode | boolean);
+    /**
+     * Emits when the overflow popup of the ToolBar opens.
+     */
+    open: EventEmitter<PreventableEvent>;
+    /**
+     * Emits when the overflow popup of the ToolBar closes.
+     */
+    close: EventEmitter<PreventableEvent>;
+    allTools: QueryList<ToolBarToolComponent>;
+    overflowButton: ElementRef;
+    popupTemplate: TemplateRef<any>;
+    popupSectionTemplate: TemplateRef<any>;
+    scrollContainer: ElementRef;
+    resizeSensor: ResizeSensorComponent;
+    container: ViewContainerRef;
+    prevScrollButton: ElementRef;
+    nextScrollButton: ElementRef;
+    startButtonGroup: ElementRef;
+    endButtonGroup: ElementRef;
+    scrollSeparator: ElementRef;
+    popupRef: PopupRef;
+    direction: Direction;
+    get appendTo(): ViewContainerRef;
+    set popupOpen(open: boolean);
+    get popupOpen(): boolean;
+    /**
+     * @hidden
+     */
+    prevButtonIcon: SVGIcon;
+    /**
+     * @hidden
+     */
+    nextButtonIcon: SVGIcon;
+    /**
+     * @hidden
+     */
+    propertyChange: EventEmitter<{
+        property: string;
+        value: any;
+    }>;
+    hostClass: boolean;
+    get scrollableClass(): boolean;
+    get sectionClass(): boolean;
+    private _overflow;
+    private _popupSettings;
+    private cachedOverflowAnchorWidth;
+    private _open;
+    private toolbarKeydownListener;
+    private overflowKeydownListener;
+    private sectionKeydownListener;
+    private cancelRenderedToolsSubscription$;
+    private cachedGap;
+    private _size;
+    private _fillMode;
+    private _showText;
+    private _showIcon;
+    private overflowButtonClickedTime;
+    private showAutoButtons;
+    private scrollButtonStateChangeSub;
+    private scrollContainerScrollSub;
+    /**
+     * @hidden
+     */
+    get normalizedOverflow(): ToolbarOverflowSettings;
+    private subscriptions;
+    private popupSubs;
+    private focusedByPointer;
+    /**
+     * @hidden
+     */
+    onFocus(ev: any): void;
+    /**
+     * @hidden
+     */
+    onFocusOut(event: any): void;
+    role: string;
+    get getDir(): string;
+    get resizableClass(): boolean;
+    /**
+     * @hidden
+     */
+    showLicenseWatermark: boolean;
+    /**
+     * @hidden
+     */
+    licenseMessage?: LicenseMessage;
+    constructor(localization: LocalizationService, popupService: PopupService, refreshService: RefreshService, navigationService: NavigationService, element: ElementRef, zone: NgZone, renderer: Renderer2, _cdr: ChangeDetectorRef, toolsService: ToolbarToolsService, scrollService: ScrollService);
+    ngAfterContentInit(): void;
+    ngAfterViewInit(): void;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    /**
+     * @hidden
+     */
+    showOverflowSeparator: boolean;
+    /**
+     * @hidden
+     */
+    get moreToolsTitle(): string;
+    /**
+     * @hidden
+     */
+    get cdr(): ChangeDetectorRef;
+    /**
+     * @hidden
+     */
+    get sectionSizeClass(): string;
+    /**
+     * @hidden
+     */
+    getScrollButtonTitle(buttonType: string): string;
+    /**
+     * @hidden
+     */
+    scrollTools(dir: string): void;
+    /**
+     * @hidden
+     */
+    onRendererClick(data: RendererClickPayload): void;
+    /**
+     * @hidden
+     */
+    overflowButtonIcon(iconType: string): any;
+    /**
+     * @hidden
+     */
+    showPopup(): void;
+    /**
+     * Toggles the visibility of the overflow popup.
+     */
+    toggle(popupOpen?: boolean): void;
+    /**
+     * @hidden
+     */
+    onResize(): void;
+    /**
+     * @hidden
+     */
+    onPopupOpen(): void;
+    /**
+     * @hidden
+     */
+    onPopupClose(): void;
+    /**
+     * @hidden
+     */
+    overflowBtnId: string;
+    /**
+     * @hidden
+     */
+    popupId: string;
+    private displayAnchor;
+    private get popupWidth();
+    private get popupHeight();
+    private get overflowAnchorWidth();
+    private get gap();
+    private get childrenWidth();
+    get visibleTools(): ToolBarToolComponent[];
+    get overflowTools(): ToolBarToolComponent[];
+    private shrink;
+    private stretch;
+    private hideLastVisibleTool;
+    private showFirstHiddenTool;
+    private setPopupContentDimensions;
+    private destroyPopup;
+    private handleClasses;
+    private normalizePopupClasses;
+    private setScrollableOverlayClasses;
+    private handleScrollModeUpdates;
+    private removeSubscriptions;
+    private normalizeDisplayValue;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToolBarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToolBarComponent, "kendo-toolbar", ["kendoToolBar"], { "overflow": { "alias": "overflow"; "required": false; }; "resizable": { "alias": "resizable"; "required": false; }; "popupSettings": { "alias": "popupSettings"; "required": false; }; "fillMode": { "alias": "fillMode"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "size": { "alias": "size"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "showIcon": { "alias": "showIcon"; "required": false; }; "showText": { "alias": "showText"; "required": false; }; }, { "open": "open"; "close": "close"; }, ["allTools"], never, true, never>;
+}
+
+/**
+ * @hidden
+ */
+interface ToolOptions {
+    text: string;
+    icon: string;
+    iconClass: string;
+    svgIcon: SVGIcon;
+    imageUrl: string;
+}
+
+/**
+ * Represents the [Kendo UI ToolBar Button tool for Angular](https://www.telerik.com/kendo-angular-ui/components/toolbar/control-types#buttons).
+ *
+ * Use this component to render a button inside the ToolBar.
+ *
+ *  @example
+ * ```html
+ * <kendo-toolbar>
+ *      <kendo-toolbar-button text="Button"></kendo-toolbar-button>
+ * </kendo-toolbar>
+ * ```
+ *
+ */
+declare class ToolBarButtonComponent extends ToolBarToolComponent {
+    element: ElementRef;
+    private zone;
+    host: ToolBarComponent;
+    /**
+     * Specifies the button text visibility.
+     * Accepts a `DisplayMode` value.
+     * @default 'always'
+     */
+    set showText(value: DisplayMode);
+    get showText(): DisplayMode;
+    /**
+     * Specifies the button icon visibility.
+     * Accepts a `DisplayMode` value.
+     * @default 'always'
+     */
+    set showIcon(value: DisplayMode);
+    get showIcon(): DisplayMode;
+    /**
+     * Specifies the text of the Button
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/toolbar/control-types#buttons)).
+     */
+    set text(text: string);
+    get text(): string;
+    /**
+     * @hidden
+     */
+    get size(): any;
+    /**
+     * Specifies custom inline CSS styles for the Button.
+     */
+    style: {
+        [key: string]: string | number;
+    };
+    /**
+     * Specifies custom CSS class names to be added to the Button.
+     */
+    className: string | Array<string> | {
+        [key: string]: boolean;
+    };
+    /**
+     * Specifies the `title` attribute of the Button.
+     *
+     * @remarks
+     * This property is related to accessibility.
+     */
+    title: string;
+    /**
+     * Disables the Button when set to `true`
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/toolbar/control-types#buttons)).
+     */
+    disabled: boolean;
+    /**
+     * Provides visual styling to indicate if the Button is active
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/toolbar/control-types#toggle-buttons)).
+     * For toggleable buttons, set this to `true`.
+     * @default false
+     */
+    toggleable: boolean;
+    /**
+     * @hidden
+     */
+    set look(look: 'default' | 'flat' | 'outline');
+    /**
+     * @hidden
+     */
+    get togglable(): boolean;
+    set togglable(value: boolean);
+    /**
+     * Sets the selected state of the Button.
+     * Use with the `toggleable` property.
+     * @default false
+     */
+    selected: boolean;
+    /**
+     * Specifies the background and border styles of the Button. The default value is set by the Kendo theme.
+     */
+    fillMode: ButtonFillMode;
+    /**
+     * Specifies the border radius of the Button. The default value is set by the Kendo theme.
+     */
+    rounded: ButtonRounded;
+    /**
+     * Specifies the predefined theme color of the Button. The default value is set by the Kendo theme.
+     */
+    themeColor: ButtonThemeColor;
+    /**
+     * Defines the name for an existing icon in a Kendo UI theme
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/toolbar/control-types#buttons)).
+     * The icon is rendered inside the Button by a `span.k-icon` element.
+     */
+    set icon(icon: string);
+    /**
+     * Defines a CSS class or multiple classes to be applied to a `span` element inside the Button.
+     * Allows the usage of custom icons.
+     */
+    set iconClass(iconClass: string);
+    /**
+     * Defines an SVGIcon to be rendered within the button.
+     * Accepts either an [existing Kendo SVG icon](https://www.telerik.com/kendo-angular-ui/components/icons/svgicon/svgicon-list) or a custom one.
+     */
+    set svgIcon(icon: SVGIcon);
+    /**
+     * Defines a URL for an image to be rendered inside the Button.
+     * The URL can be relative or absolute.
+     */
+    set imageUrl(imageUrl: string);
+    /**
+     * Fires each time the Button is clicked.
+     */
+    click: EventEmitter<any>;
+    /**
+     * Fires when the Button's `pointerdown` event is triggered.
+     */
+    pointerdown: EventEmitter<any>;
+    /**
+     * Fires each time the selected state of a toggleable Button is changed.
+     * The event argument is the new selected state (Boolean).
+     */
+    selectedChange: EventEmitter<any>;
+    toolbarOptions: ToolOptions;
+    overflowOptions: ToolOptions;
+    /**
+     * @hidden
+     */
+    hasBadgeContainer: boolean;
+    /**
+     * @hidden
+     */
+    showBadge: boolean;
+    toolbarButtonElement: ElementRef;
+    sectionButtonElement: ElementRef;
+    private overflowButtonElement;
+    private _showText;
+    private _showIcon;
+    private _text;
+    private propertyChangeSub;
+    constructor(element: ElementRef, zone: NgZone, host: ToolBarComponent);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    ngOnChanges(changes: any): void;
+    /**
+     * @hidden
+     */
+    onBlur(): void;
+    /**
+     * @hidden
+     */
+    canFocus(): boolean;
+    /**
+     * @hidden
+     */
+    focus(ev: Event): void;
+    /**
+     * @hidden
+     */
+    handleKey(): boolean;
+    /**
+     * @hidden
+     */
+    handleClick(ev: Event): void;
+    /**
+     * @hidden
+     */
+    selectedChangeHandler(state: boolean): void;
+    /**
+     * @hidden
+     */
+    getButton(): HTMLElement;
+    private setTextDisplayMode;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToolBarButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToolBarButtonComponent, "kendo-toolbar-button", ["kendoToolBarButton"], { "showText": { "alias": "showText"; "required": false; }; "showIcon": { "alias": "showIcon"; "required": false; }; "text": { "alias": "text"; "required": false; }; "style": { "alias": "style"; "required": false; }; "className": { "alias": "className"; "required": false; }; "title": { "alias": "title"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "toggleable": { "alias": "toggleable"; "required": false; }; "look": { "alias": "look"; "required": false; }; "togglable": { "alias": "togglable"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "fillMode": { "alias": "fillMode"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "themeColor": { "alias": "themeColor"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconClass": { "alias": "iconClass"; "required": false; }; "svgIcon": { "alias": "svgIcon"; "required": false; }; "imageUrl": { "alias": "imageUrl"; "required": false; }; }, { "click": "click"; "pointerdown": "pointerdown"; "selectedChange": "selectedChange"; }, never, never, true, never>;
+}
+
+/**
+ * Тhe selection mode for the ToolBar ButtonGroup.
+ * For more information, see [`ToolBarButtonGroupComponent`](https://www.telerik.com/kendo-angular-ui/components/toolbar/api/toolbarbuttongroupcomponent).
+ */
+type ButtonGroupSelection = "single" | "multiple";
+
+/**
+ * Represents the [Kendo UI Toolbar ButtonGroup for Angular](https://www.telerik.com/kendo-angular-ui/components/toolbar/control-types#button-groups).
+ *
+ * Use this component to group buttons in a ButtonGroup inside the ToolBar.
+ *
+ * @example
+ * ```html
+ * <kendo-toolbar>
+ *      <kendo-toolbar-buttongroup>
+ *          <kendo-toolbar-button text="Bold"></kendo-toolbar-button>
+ *          <kendo-toolbar-button text="Underline"></kendo-toolbar-button>
+ *          <kendo-toolbar-button text="Italic"></kendo-toolbar-button>
+ *      </kendo-toolbar-buttongroup>
+ * </kendo-toolbar>
+ * ```
+ *
+ * @remarks
+ * Supported children components are: {@link ToolBarButtonComponent}
+ */
+declare class ToolBarButtonGroupComponent extends ToolBarToolComponent {
+    private localization;
+    private host;
+    /**
+     * When `true`, disables the whole group of buttons.
+     * If you set the `disabled` property of the group, it overrides the `disabled` property of individual buttons.
+     */
+    disabled: boolean;
+    /**
+     * @hidden
+     *
+     * Used to set different fillmode in Spreadsheet and Toolbar to comply with referent rendering.
+     * @default undefined
+     */
+    fillMode: 'solid' | 'flat';
+    /**
+     * Sets the selection mode of the ButtonGroup.
+     * @default 'multiple'
+     */
+    selection: ButtonGroupSelection;
+    /**
+     * Sets the width of the ButtonGroup.
+     * When you set the width of the ButtonGroup, the buttons have the same width and resize to fill the group wrapper.
+     */
+    width: string;
+    /**
+     * @hidden
+     */
+    set look(look: 'default' | 'flat' | 'outline');
+    private toolbarButtonGroup;
+    private sectionButtonGroup;
+    overflowListItems: QueryList<ElementRef>;
+    buttonComponents: QueryList<ToolBarButtonComponent>;
+    private get buttonElements();
+    private focusedIndex;
+    private getNextKey;
+    private getPrevKey;
+    constructor(localization: LocalizationService, host: ToolBarComponent);
+    /**
+     * @hidden
+     */
+    onFocus(): void;
+    /**
+     * @hidden
+     */
+    onNavigate(ev: PreventableEvent$1): void;
+    /**
+     * @hidden
+     */
+    selectedChangeHandler(state: boolean, button: ToolBarButtonComponent): void;
+    /**
+     * @hidden
+     */
+    overflowSelectedChangeHandler(button: ToolBarButtonComponent): void;
+    /**
+     * @hidden
+     */
+    onButtonClick(ev: MouseEvent): void;
+    /**
+     * @hidden
+     */
+    canFocus(): boolean;
+    /**
+     * @hidden
+     */
+    focus(ev?: Partial<Event>): void;
+    /**
+     * @hidden
+     */
+    handleKey(ev: any): boolean;
+    /**
+     * @hidden
+     */
+    handleClick(ev: any, button: ToolBarButtonComponent): void;
+    /**
+     * @hidden
+     */
+    getIconClasses(button: any): any;
+    /**
+     * @hidden
+     */
+    get size(): any;
+    private focusButton;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToolBarButtonGroupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToolBarButtonGroupComponent, "kendo-toolbar-buttongroup", ["kendoToolBarButtonGroup"], { "disabled": { "alias": "disabled"; "required": false; }; "fillMode": { "alias": "fillMode"; "required": false; }; "selection": { "alias": "selection"; "required": false; }; "width": { "alias": "width"; "required": false; }; "look": { "alias": "look"; "required": false; }; }, {}, ["buttonComponents"], never, true, never>;
+}
+
+/**
+ * Represents the [Kendo UI ToolBar DropDownButton for Angular](https://www.telerik.com/kendo-angular-ui/components/toolbar/control-types#drop-down-buttons).
+ *
+ * Use this component to add a button that opens a popup with a list of items in the ToolBar.
+ *
+ * @example
+ * ```html
+ * <kendo-toolbar>
+ *      <kendo-toolbar-dropdownbutton text="Paste Variations" [data]="data">
+ *      </kendo-toolbar-dropdownbutton>
+ * </kendo-toolbar>
+ * ```
+ *
+ */
+declare class ToolBarDropDownButtonComponent extends ToolBarToolComponent implements OnInit {
+    private zone;
+    private renderer;
+    private host;
+    /**
+     * Shows the default arrow icon or lets you provide a custom one.
+     * @default false
+     */
+    arrowIcon: boolean | ArrowIconSettings;
+    /**
+     * Sets the `title` attribute of the underlying button element.
+     * @default ''
+     *
+     * @remarks
+     * This property is related to accessibility.
+     */
+    title: string;
+    /**
+     * Controls the button text visibility.
+     * @default 'always'
+     */
+    set showText(value: DisplayMode);
+    get showText(): DisplayMode;
+    /**
+     * Controls the button icon visibility.
+     * @default 'always'
+     */
+    set showIcon(value: DisplayMode);
+    get showIcon(): DisplayMode;
+    /**
+     * Sets the text of the DropDownButton
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/toolbar/control-types#drop-down-buttons)).
+     */
+    set text(text: string);
+    get text(): string;
+    /**
+     * Sets the icon rendered next to the button text.
+     */
+    set icon(icon: string);
+    /**
+     * Sets the `SVGIcon` rendered in the button.
+     * Accepts an [existing Kendo SVG icon](https://www.telerik.com/kendo-angular-ui/components/icons/svgicon/svgicon-list) or a custom one.
+     */
+    set svgIcon(icon: SVGIcon);
+    /**
+     * Sets a custom CSS class icon rendered next to the button text.
+     */
+    set iconClass(iconClass: string);
+    /**
+     * Sets a URL for the image displayed next to the button text.
+     */
+    set imageUrl(imageUrl: string);
+    /**
+     * Configures the popup of the DropDownButton.
+     * Accepts a `PopupSettings` object that allows you to customize the popup behavior and appearance.
+     */
+    set popupSettings(settings: PopupSettings);
+    get popupSettings(): PopupSettings;
+    /**
+     * @hidden
+     */
+    set look(look: 'default' | 'flat' | 'outline');
+    /**
+     * @hidden
+     */
+    set primary(primary: boolean);
+    /**
+     * Sets the fill mode for the button.
+     * The fill mode represents the background and border styles. The default value is set by the Kendo theme.
+     */
+    fillMode: ButtonFillMode;
+    /**
+     * Sets the predefined theme color for the button.
+     * The theme color applies to the background, border, and text
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/buttons/api/dropdownbuttoncomponent#themecolor)). The default value is set by the Kendo theme.
+     */
+    themeColor: ButtonThemeColor;
+    /**
+     * Sets the CSS classes for the main button.
+     * Accepts values supported by [`ngClass`](link:site.data.urls.angular['ngclassapi']).
+     */
+    buttonClass: string;
+    /**
+     * Sets the data item field that repesents the item text.
+     * If the data contains only primitive values, do not set this property.
+     */
+    textField: string;
+    /**
+     * When `true`, disables the DropDownButton.
+     */
+    disabled: boolean;
+    /**
+     * Sets the data of the DropDownButton
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/toolbar/control-types#drop-down-buttons)).
+     *
+     * > Provide the data as an array-like list.
+     */
+    set data(data: any[]);
+    get data(): any[];
+    /**
+     * Fires each time the user clicks a DropDownButton item.
+     * The event data contains the clicked item's data.
+     */
+    itemClick: EventEmitter<any>;
+    /**
+     * Fires when the popup is about to open.
+     * This event is preventable. If you cancel the event, the popup stays closed.
+     */
+    open: EventEmitter<PreventableEvent$1>;
+    /**
+     * Fires when the popup is about to close.
+     * This event is preventable. If you cancel the event, the popup stays open.
+     */
+    close: EventEmitter<PreventableEvent$1>;
+    dropdownButton: ElementRef;
+    toolbarDropDownButton: DropDownButtonComponent;
+    sectionDropDownButton: DropDownButtonComponent;
+    overflowListItems: QueryList<ElementRef>;
+    toolbarOptions: ToolOptions;
+    overflowOptions: ToolOptions;
+    private get overflowButtons();
+    private _data;
+    private _popupSettings;
+    private focusedIndex;
+    private _showText;
+    private _showIcon;
+    private _text;
+    private propertyChangeSub;
+    private getNextKey;
+    private getPrevKey;
+    constructor(zone: NgZone, renderer: Renderer2, host: ToolBarComponent);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    ngAfterViewInit(): void;
+    /**
+     * @hidden
+     */
+    onButtonListClick(ev: MouseEvent): void;
+    /**
+     * @hidden
+     */
+    get size(): any;
+    /**
+     * @hidden
+     */
+    canFocus(): boolean;
+    /**
+     * @hidden
+     */
+    focus(ev?: Partial<Event>): void;
+    /**
+     * @hidden
+     */
+    handleKey(ev: any): boolean;
+    /**
+     * @hidden
+     */
+    getText(dataItem: any): any;
+    /**
+     * @hidden
+     */
+    handleClick(ev: any, item: any, index: number): void;
+    private focusButton;
+    private setTextDisplayMode;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToolBarDropDownButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToolBarDropDownButtonComponent, "kendo-toolbar-dropdownbutton", ["kendoToolBarDropDownButton"], { "arrowIcon": { "alias": "arrowIcon"; "required": false; }; "title": { "alias": "title"; "required": false; }; "showText": { "alias": "showText"; "required": false; }; "showIcon": { "alias": "showIcon"; "required": false; }; "text": { "alias": "text"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "svgIcon": { "alias": "svgIcon"; "required": false; }; "iconClass": { "alias": "iconClass"; "required": false; }; "imageUrl": { "alias": "imageUrl"; "required": false; }; "popupSettings": { "alias": "popupSettings"; "required": false; }; "look": { "alias": "look"; "required": false; }; "primary": { "alias": "primary"; "required": false; }; "fillMode": { "alias": "fillMode"; "required": false; }; "themeColor": { "alias": "themeColor"; "required": false; }; "buttonClass": { "alias": "buttonClass"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "data": { "alias": "data"; "required": false; }; }, { "itemClick": "itemClick"; "open": "open"; "close": "close"; }, never, never, true, never>;
+}
+
+/**
+ * Represents the [Kendo UI ToolBar SplitButton for Angular](https://www.telerik.com/kendo-angular-ui/components/toolbar/control-types#split-buttons).
+ *
+ * Use the ToolBar SplitButton to create a split button with a main button and a drop-down list of actions in the ToolBar.
+ *
+ * @example
+ * ```html
+ * <kendo-toolbar>
+ *      <kendo-toolbar-splitbutton text="Paste" [data]="data">
+ *      </kendo-toolbar-splitbutton>
+ * </kendo-toolbar>
+ * ```
+ */
+declare class ToolBarSplitButtonComponent extends ToolBarToolComponent implements OnInit {
+    private host;
+    /**
+     * Controls the button text visibility.
+     * @default 'always'
+     */
+    set showText(value: DisplayMode);
+    get showText(): DisplayMode;
+    /**
+     * Controls the button icon visibility.
+     * @default 'always'
+     */
+    set showIcon(value: DisplayMode);
+    get showIcon(): DisplayMode;
+    /**
+     * Sets the text of the SplitButton ([see example](https://www.telerik.com/kendo-angular-ui/components/toolbar/control-types#split-buttons)).
+     */
+    set text(text: string);
+    get text(): string;
+    /**
+     * Sets the icon rendered next to the button text
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/toolbar/control-types#split-buttons)).
+     */
+    set icon(icon: string);
+    /**
+     * Sets the `SVGIcon` rendered in the main button.
+     * Accepts an [existing Kendo SVG icon](https://www.telerik.com/kendo-angular-ui/components/icons/svgicon/svgicon-list) or a custom one.
+     */
+    set svgIcon(icon: SVGIcon);
+    /**
+     * Sets a custom CSS class icon rendered next to the button text.
+     */
+    set iconClass(iconClass: string);
+    /**
+     * Sets a URL for the image displayed next to the button text.
+     */
+    set imageUrl(imageUrl: string);
+    /**
+     * When `true`, disables a SplitButton item.
+     */
+    disabled: boolean;
+    /**
+     * Configures the popup of the SplitButton.
+     * Accepts a `PopupSettings` object that allows you to customize the popup behavior and appearance.
+
+     */
+    set popupSettings(value: PopupSettings);
+    get popupSettings(): PopupSettings;
+    /**
+     * Sets the fill mode for the button.
+     * The fill mode represents the background and border styles. The default value is set by the Kendo theme.
+     */
+    fillMode: ButtonFillMode;
+    /**
+     * Sets the predefined theme color for the button.
+     * The theme color applies to the background, border, and text. The default value is set by the Kendo theme.
+     */
+    themeColor: ButtonThemeColor;
+    /**
+     * @hidden
+     */
+    set look(look: 'default' | 'flat' | 'outline');
+    /**
+     * Sets the CSS classes for the main button.
+     * Accepts values supported by [`ngClass`](link:site.data.urls.angular['ngclassapi']).
+     */
+    buttonClass: string;
+    /**
+     * Sets the CSS classes for the arrow button that opens the popup.
+     * Accepts values supported by [`ngClass`](link:site.data.urls.angular['ngclassapi']).
+     */
+    arrowButtonClass: any;
+    /**
+     * Sets the name of the [font icon](https://www.telerik.com/kendo-angular-ui/components/styling/icons#icons-list) for the arrow button.
+     */
+    arrowButtonIcon: string;
+    /**
+     * Sets the [`SVGIcon`](https://www.telerik.com/kendo-angular-ui/components/icons/api/svgicon) for the arrow button.
+     */
+    arrowButtonSvgIcon: SVGIcon;
+    /**
+     * Sets the text field for the button-list popup.
+     * @default 'text'
+     */
+    textField: string;
+    /**
+     * Sets the data of the SplitButton ([see example](https://www.telerik.com/kendo-angular-ui/components/toolbar/control-types#split-buttons)).
+     *
+     * > Provide the data as an array-like list.
+     */
+    set data(data: any[]);
+    get data(): any[];
+    /**
+     * Fires when the user clicks the main button.
+     */
+    buttonClick: EventEmitter<any>;
+    /**
+     * Fires when the user clicks a drop-down list item.
+     * The event data contains the clicked item's data.
+     */
+    itemClick: EventEmitter<any>;
+    /**
+     * Fires when the popup is about to open.
+     * This event is preventable. If you cancel the event, the popup stays closed.
+     */
+    open: EventEmitter<PreventableEvent$1>;
+    /**
+     * Fires when the popup is about to close.
+     * This event is preventable. If you cancel the event, the popup stays open.
+     */
+    close: EventEmitter<PreventableEvent$1>;
+    toolbarOptions: ToolOptions;
+    overflowOptions: ToolOptions;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    private get overflowButtons();
+    private _data;
+    private _popupSettings;
+    private focusedIndex;
+    private _showText;
+    private _showIcon;
+    private _text;
+    private propertyChangeSub;
+    private getNextKey;
+    private getPrevKey;
+    private toolbarSplitButton;
+    private sectionSplitButton;
+    private overflowMainButton;
+    overflowListItems: QueryList<ElementRef>;
+    constructor(host: ToolBarComponent);
+    /**
+     * @hidden
+     */
+    onButtonListClick(ev: MouseEvent): void;
+    /**
+     * @hidden
+     */
+    onMainButtonClick(ev: MouseEvent): void;
+    /**
+     * @hidden
+     */
+    canFocus(): boolean;
+    /**
+     * @hidden
+     */
+    get size(): any;
+    /**
+     * @hidden
+     */
+    focus(ev?: Partial<Event>): void;
+    /**
+     * @hidden
+     */
+    handleKey(ev: any): boolean;
+    /**
+     * @hidden
+     */
+    getText(dataItem: any): any;
+    /**
+     * @hidden
+     */
+    handleClick(ev: any, item: any, index: number): void;
+    private focusButton;
+    private setTextDisplayMode;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToolBarSplitButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToolBarSplitButtonComponent, "kendo-toolbar-splitbutton", ["kendoToolBarSplitButton"], { "showText": { "alias": "showText"; "required": false; }; "showIcon": { "alias": "showIcon"; "required": false; }; "text": { "alias": "text"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "svgIcon": { "alias": "svgIcon"; "required": false; }; "iconClass": { "alias": "iconClass"; "required": false; }; "imageUrl": { "alias": "imageUrl"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "popupSettings": { "alias": "popupSettings"; "required": false; }; "fillMode": { "alias": "fillMode"; "required": false; }; "themeColor": { "alias": "themeColor"; "required": false; }; "look": { "alias": "look"; "required": false; }; "buttonClass": { "alias": "buttonClass"; "required": false; }; "arrowButtonClass": { "alias": "arrowButtonClass"; "required": false; }; "arrowButtonIcon": { "alias": "arrowButtonIcon"; "required": false; }; "arrowButtonSvgIcon": { "alias": "arrowButtonSvgIcon"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "data": { "alias": "data"; "required": false; }; }, { "buttonClick": "buttonClick"; "itemClick": "itemClick"; "open": "open"; "close": "close"; }, never, never, true, never>;
+}
+
+/**
+ * Represents the [Kendo UI ToolBar Separator for Angular](https://www.telerik.com/kendo-angular-ui/components/toolbar/control-types#separators).
+ *
+ * Use this component to add a visual separator between ToolBar tools.
+ *
+ * @example
+ * ```html
+ * <kendo-toolbar>
+ *      <kendo-toolbar-button text="Button 1"></kendo-toolbar-button>
+ *      <kendo-toolbar-separator></kendo-toolbar-separator>
+ *      <kendo-toolbar-button text="Button 2"></kendo-toolbar-button>
+ * </kendo-toolbar>
+ * ```
+ */
+declare class ToolBarSeparatorComponent extends ToolBarToolComponent implements AfterViewInit {
+    separator: ElementRef;
+    constructor();
+    /**
+     * @hidden
+     */
+    canFocus(): boolean;
+    /**
+     * @hidden
+     */
+    focus(): void;
+    /**
+     * @hidden
+     */
+    handleKey(): boolean;
+    ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToolBarSeparatorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToolBarSeparatorComponent, "kendo-toolbar-separator", ["kendoToolBarSeparator"], {}, {}, never, never, true, never>;
+}
+
+/**
+ * Represents the [Kendo UI ToolBar Spacer for Angular](https://www.telerik.com/kendo-angular-ui/components/toolbar/control-types#separators).
+ *
+ * Use the ToolBar Spacer to add flexible space between ToolBar tools.
+ *
+ * @example
+ * ```html
+ * <kendo-toolbar>
+ *      <kendo-toolbar-button text="Button 1"></kendo-toolbar-button>
+ *      <kendo-toolbar-spacer></kendo-toolbar-spacer>
+ *      <kendo-toolbar-button text="Button 2"></kendo-toolbar-button>
+ * </kendo-toolbar>
+ * ```
+ */
+declare class ToolBarSpacerComponent extends ToolBarToolComponent implements AfterViewInit {
+    /**
+     * @hidden
+     */
+    readonly __isSpacer = true;
+    constructor();
+    /**
+     * @hidden
+     */
+    canFocus(): boolean;
+    /**
+     * @hidden
+     */
+    focus(): void;
+    /**
+     * @hidden
+     */
+    handleKey(): boolean;
+    ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToolBarSpacerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToolBarSpacerComponent, "kendo-toolbar-spacer", ["kendoToolBarSpacer"], {}, {}, never, never, true, never>;
+}
+
+/**
+ * @hidden
+ */
+declare class ToolbarMessages extends ComponentMessages {
+    /**
+     * Sets the title of the **More Tools** button in a responsive ToolBar.
+     */
+    moreToolsTitle: string;
+    /**
+     * Sets the title for the **Previous Tool** button when the ToolBar is scrollable.
+     */
+    previousToolButton: string;
+    /**
+     * Sets the title for the **Next Tool** button when the ToolBar is scrollable.
+     */
+    nextToolButton: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToolbarMessages, never>;
+    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>;
+}
+
+/**
+ * Represents the custom messages component of the ToolBar.
+ *
+ * Use this component to override default messages for the ToolBar.
+ *
+ * @example
+ * ```html
+ * <kendo-toolbar>
+ *      <kendo-toolbar-messages
+ *          moreToolsTitle="More options"
+ *          previousToolButton="Previous"
+ *          nextToolButton="Next">
+ *      </kendo-toolbar-messages>
+ * </kendo-toolbar>
+ * ```
+ */
+declare class ToolbarCustomMessagesComponent extends ToolbarMessages {
+    protected service: LocalizationService;
+    constructor(service: LocalizationService);
+    protected get override(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToolbarCustomMessagesComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToolbarCustomMessagesComponent, "kendo-toolbar-messages", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * Represents the [`NgModule`](link:site.data.urls.angular['ngmoduleapi']) definition for the ToolBar component.
+ *
+ * @example
+ * ```typescript
+ * import { ToolBarModule } from '@progress/kendo-angular-toolbar';
+ *
+ * @NgModule({
+ *   imports: [ToolBarModule]
+ * })
+ * export class AppModule {}
+ * ```
+ */
+declare class ToolBarModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToolBarModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ToolBarModule, never, [typeof ToolBarComponent, typeof ToolbarCustomMessagesComponent, typeof ToolBarButtonComponent, typeof ToolBarButtonGroupComponent, typeof ToolBarDropDownButtonComponent, typeof ToolBarSeparatorComponent, typeof ToolBarSpacerComponent, typeof ToolBarSplitButtonComponent, typeof ToolBarToolComponent], [typeof ToolBarComponent, typeof ToolbarCustomMessagesComponent, typeof ToolBarButtonComponent, typeof ToolBarButtonGroupComponent, typeof ToolBarDropDownButtonComponent, typeof ToolBarSeparatorComponent, typeof ToolBarSpacerComponent, typeof ToolBarSplitButtonComponent, typeof ToolBarToolComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ToolBarModule>;
+}
+
+/**
+ * @hidden
+ */
+declare class LocalizedToolbarMessagesDirective extends ToolbarMessages {
+    protected service: LocalizationService;
+    constructor(service: LocalizationService);
+    static ɵfac: i0.ɵɵFactoryDeclaration<LocalizedToolbarMessagesDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<LocalizedToolbarMessagesDirective, "[kendoToolbarLocalizedMessages]", never, {}, {}, never, never, true, never>;
+}
+
+/**
+* Use this utility array to access all `@progress/kendo-angular-toolbar`-related components and directives in a standalone Angular component.
+*
+* @example
+* ```typescript
+* import { Component } from '@angular/core';
+* import { KENDO_TOOLBAR } from '@progress/kendo-angular-toolbar';
+*
+* @Component({
+*   selector: 'my-app',
+*   standalone: true,
+*   imports: [KENDO_TOOLBAR],
+*   template: `
+*      <kendo-toolbar>
+*         <kendo-toolbar-button text="Button"></kendo-toolbar-button>
+*      </kendo-toolbar>
+*   `
+* })
+* export class AppComponent {}
+* ```
+*/
+declare const KENDO_TOOLBAR: readonly [typeof ToolBarComponent, typeof ToolbarCustomMessagesComponent, typeof ToolBarButtonComponent, typeof ToolBarButtonGroupComponent, typeof ToolBarDropDownButtonComponent, typeof ToolBarSeparatorComponent, typeof ToolBarSpacerComponent, typeof ToolBarSplitButtonComponent, typeof ToolBarToolComponent];
+
+export { KENDO_TOOLBAR, LocalizedToolbarMessagesDirective, RefreshService, ToolBarButtonComponent, ToolBarButtonGroupComponent, ToolBarComponent, ToolBarDropDownButtonComponent, ToolBarModule, ToolBarSeparatorComponent, ToolBarSpacerComponent, ToolBarSplitButtonComponent, ToolBarToolComponent, ToolbarCustomMessagesComponent };
+export type { ButtonGroupSelection, DisplayMode, OverflowMode, PopupSettings, ToolbarFillMode, ToolbarOverflowSettings, ToolbarScrollButtonsPosition, ToolbarScrollButtonsVisibility, ToolbarSize };