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

package/tools/toolbar-dropdownbutton.component.d.ts

@@ -1,195 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { ElementRef, EventEmitter, OnInit, QueryList, Renderer2, NgZone } from '@angular/core';
-import { ToolBarToolComponent } from './toolbar-tool.component';
-import { PopupSettings } from '../popup-settings';
-import { ArrowIconSettings, ButtonFillMode, ButtonThemeColor, DropDownButtonComponent } from '@progress/kendo-angular-buttons';
-import { DisplayMode } from '../display-mode';
-import { ToolOptions } from '../tool-options';
-import { PreventableEvent } from '@progress/kendo-angular-buttons';
-import { SVGIcon } from '@progress/kendo-svg-icons';
-import { ToolBarComponent } from '../toolbar.component';
-import * as i0 from "@angular/core";
-/**
- * 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>
- * ```
- *
- */
-export 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>;
-    /**
-     * Fires when the popup is about to close.
-     * This event is preventable. If you cancel the event, the popup stays open.
-     */
-    close: EventEmitter<PreventableEvent>;
-    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>;
-}

package/tools/toolbar-separator.component.d.ts

@@ -1,40 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { ElementRef, AfterViewInit } from '@angular/core';
-import { ToolBarToolComponent } from './toolbar-tool.component';
-import * as i0 from "@angular/core";
-/**
- * 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>
- * ```
- */
-export 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>;
-}

package/tools/toolbar-spacer.component.d.ts

@@ -1,43 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { AfterViewInit } from '@angular/core';
-import { ToolBarToolComponent } from './toolbar-tool.component';
-import * as i0 from "@angular/core";
-/**
- * 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>
- * ```
- */
-export 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>;
-}

package/tools/toolbar-splitbutton.component.d.ts

@@ -1,194 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { ElementRef, EventEmitter, OnInit, QueryList } from '@angular/core';
-import { ButtonFillMode, ButtonThemeColor } from '@progress/kendo-angular-buttons';
-import { ToolBarToolComponent } from './toolbar-tool.component';
-import { PopupSettings } from '../popup-settings';
-import { DisplayMode } from '../display-mode';
-import { ToolOptions } from '../tool-options';
-import { PreventableEvent } from '@progress/kendo-angular-buttons';
-import { SVGIcon } from '@progress/kendo-svg-icons';
-import { ToolBarComponent } from '../toolbar.component';
-import * as i0 from "@angular/core";
-/**
- * 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>
- * ```
- */
-export 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>;
-    /**
-     * Fires when the popup is about to close.
-     * This event is preventable. If you cancel the event, the popup stays open.
-     */
-    close: EventEmitter<PreventableEvent>;
-    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>;
-}

package/tools/toolbar-tool.component.d.ts

@@ -1,77 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { TemplateRef, ElementRef } from '@angular/core';
-import { RenderLocation } from '../render-location';
-import * as i0 from "@angular/core";
-/**
- * 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();
- *    }
- * }
- * ```
- */
-export 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>;
-}

package/tools/tools.service.d.ts

@@ -1,21 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { ToolBarRendererComponent } from '../renderer.component';
-import { Subject } from 'rxjs';
-import { ToolBarToolComponent } from './toolbar-tool.component';
-import * as i0 from "@angular/core";
-/**
- * @hidden
- */
-export 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>;
-}