@progress/kendo-angular-toolbar
Version:
Kendo UI Angular Toolbar component - a single UI element that organizes buttons and other navigation elements
106 lines (105 loc) • 3.92 kB
TypeScript
/**-----------------------------------------------------------------------------------------
* Copyright © 2025 Progress Software Corporation. All rights reserved.
* Licensed under commercial license. See LICENSE.md in the project root for more information
*-------------------------------------------------------------------------------------------*/
import { QueryList, ElementRef } from '@angular/core';
import { LocalizationService } from '@progress/kendo-angular-l10n';
import { ToolBarToolComponent } from './toolbar-tool.component';
import { ToolBarButtonComponent } from './toolbar-button.component';
import { ButtonGroupSelection } from '../group-selection-settings';
import { PreventableEvent } from '@progress/kendo-angular-buttons';
import { ToolBarComponent } from '../toolbar.component';
import * as i0 from "@angular/core";
/**
* Represents the Kendo UI Toolbar ButtonGroup for Angular.
*/
export declare class ToolBarButtonGroupComponent extends ToolBarToolComponent {
private localization;
private host;
/**
* By default, the ButtonGroup is enabled. To disable the whole group of buttons, set its `disabled`
* attribute to `true`. To disable a specific button, set the `disabled` attribute of the button to
* `true` and leave the `disabled` attribute of the ButtonGroup undefined. If you define the `disabled`
* attribute of the ButtonGroup, it will take precedence over the `disabled` attributes of the underlying
* buttons and they will be ignored.
*/
disabled: boolean;
/**
* @hidden
*
* Used to set different fillmode in Spreadsheet and Toolbar to comply with referent rendering.
*/
fillMode: 'solid' | 'flat';
/**
* By default, the selection mode of the ButtonGroup is set to `multiple`.
*/
selection: ButtonGroupSelection;
/**
* Sets the width of the ButtonGroup.
*
* If the width of the ButtonGroup is set:
* - The buttons resize automatically to fill the full width of the group wrapper.
* - The buttons acquire the same width.
*/
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): 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>;
}