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

package/chip/chip-list.component.d.ts

@@ -1,105 +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 { QueryList, EventEmitter, OnDestroy, OnInit, Renderer2, AfterContentInit, AfterViewInit, ElementRef, NgZone } from '@angular/core';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { ChipComponent } from './chip.component';
-import { ChipListSelection } from './models/selection';
-import { ChipListRemoveEvent } from './chip-list-remove-event-args.interface';
-import { ChipSize } from '../common/models';
-import * as i0 from "@angular/core";
-/**
- * Represents the Kendo UI ChipList component for Angular. Displays a list of Chip components.
- *
- * @example
- * ```html
- * <kendo-chiplist selection="multiple">
- *   <kendo-chip label="Chip 1"></kendo-chip>
- *   <kendo-chip label="Chip 2"></kendo-chip>
- * </kendo-chiplist>
- * ```
- * @remarks
- * Supported children components are: {@link ChipComponent}.
- */
-export declare class ChipListComponent implements OnInit, AfterViewInit, AfterContentInit, OnDestroy {
-    private localizationService;
-    private renderer;
-    private element;
-    private ngZone;
-    hostClass: boolean;
-    /**
-     * @hidden
-     */
-    orientation: string;
-    /**
-     * @hidden
-     */
-    direction: string;
-    /**
-     * Sets the selection mode of the ChipList.
-     *
-     * @default 'none'
-     */
-    selection: ChipListSelection;
-    /**
-     * Sets the gap between the Chips in the ChipList.
-     * See [ChipList Appearance](https://www.telerik.com/kendo-angular-ui/components/buttons/chiplist/appearance#size). The default value is set by the Kendo theme.
-     */
-    set size(size: ChipSize);
-    get size(): ChipSize;
-    /**
-     * Fires when the ChipList selection changes.
-     */
-    selectedChange: EventEmitter<any[]>;
-    /**
-     * Fires when the user clicks the remove icon of a Chip in the ChipList.
-     */
-    remove: EventEmitter<ChipListRemoveEvent>;
-    chips: QueryList<ChipComponent>;
-    get multiple(): boolean;
-    /**
-     * @hidden
-     */
-    role: string;
-    private dynamicRTLSubscription;
-    private _size;
-    private subs;
-    private _navigable;
-    /**
-     * @hidden
-     */
-    onClick($event: any): void;
-    /**
-     * By default, keyboard navigation is available through arrow keys and roving tabindex.
-     * When set to `false`, all chips are part of the default tabbing sequence of the page.
-     *
-     * @default true
-     *
-     * @remarks
-     * This property is related to accessibility.
-     */
-    set navigable(value: boolean);
-    get navigable(): boolean;
-    private currentActiveIndex;
-    constructor(localizationService: LocalizationService, renderer: Renderer2, element: ElementRef, ngZone: NgZone);
-    ngOnInit(): void;
-    ngAfterViewInit(): void;
-    ngAfterContentInit(): void;
-    ngOnDestroy(): void;
-    private selectedChips;
-    /**
-     * Updates the selection on click of a Chip. Emits events.
-     */
-    private setSelection;
-    private clearSelection;
-    private handleClasses;
-    private attachElementEventHandlers;
-    private keyDownHandler;
-    private handleArrowKeys;
-    private updateChips;
-    private normalizeActiveIndex;
-    private setChipSize;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ChipListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ChipListComponent, "kendo-chiplist, kendo-chip-list", never, { "orientation": { "alias": "orientation"; "required": false; }; "selection": { "alias": "selection"; "required": false; }; "size": { "alias": "size"; "required": false; }; "role": { "alias": "role"; "required": false; }; "navigable": { "alias": "navigable"; "required": false; }; }, { "selectedChange": "selectedChange"; "remove": "remove"; }, ["chips"], ["*"], true, never>;
-}

package/chip/chip-remove-event-args.interface.d.ts

@@ -1,18 +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 { ChipComponent } from './chip.component';
-/**
- * Arguments for the `remove` event of the Chip.
- */
-export interface ChipRemoveEvent {
-    /**
-     * The `ChipComponent` instance.
-     */
-    sender: ChipComponent;
-    /**
-     * The DOM event that triggered the `remove` event of the Chip.
-     */
-    originalEvent: any;
-}

package/chip/chip.component.d.ts

@@ -1,204 +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 { EventEmitter, ElementRef, Renderer2, AfterViewInit, OnInit, NgZone, OnChanges, SimpleChanges } from '@angular/core';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { ChipRemoveEvent } from './chip-remove-event-args.interface';
-import { ChipContentClickEvent } from './chip-content-click-event-args.interface';
-import { ChipFillMode, ChipRounded, ChipSize, ChipThemeColor } from '../common/models';
-import { SVGIcon } from '@progress/kendo-svg-icons';
-import { ChipAvatarSettings } from './models/avatar-settings.interface';
-import * as i0 from "@angular/core";
-/**
- * Displays a Chip that represents an input, attribute, or action.
- *
- * @example
- * ```html
- * <kendo-chip label="Chip Label"></kendo-chip>
- * ```
- */
-export declare class ChipComponent implements OnInit, AfterViewInit, OnChanges {
-    element: ElementRef;
-    private renderer;
-    private ngZone;
-    private localizationService;
-    /**
-     * Sets the label text of the Chip.
-     *
-     * @remarks
-     * This property is related to accessibility.
-     */
-    label: string;
-    /**
-     * Defines the name for an existing icon in a Kendo UI theme.
-     * The icon is rendered inside the Chip by a `span.k-icon` element.
-     */
-    icon: string;
-    /**
-     * Defines an [`SVGIcon`](https://www.telerik.com/kendo-angular-ui/components/icons/api/svgicon) to render inside the Chip using
-     * a [`KendoSVGIcon`](https://www.telerik.com/kendo-angular-ui/components/icons/api/svgiconcomponent) component.
-     */
-    svgIcon: SVGIcon;
-    /**
-     * Defines a CSS class, or multiple classes separated by spaces,
-     * applied to a `span` element. Use the `iconClass` to add custom icons.
-     */
-    iconClass: string;
-    /**
-     * Use these settings to render an avatar within the Chip.
-     */
-    avatarSettings: ChipAvatarSettings;
-    /**
-     * Specifies the selected state of the Chip.
-     * @default false
-     */
-    selected: boolean;
-    /**
-     * Specifies if the Chip is removable.
-     * If set to `true`, the Chip renders a remove icon.
-     * @default false
-     */
-    removable: boolean;
-    /**
-     * Specifies a custom remove font icon class to render when the Chip is removable.
-     * [see example](https://www.telerik.com/kendo-angular-ui/components/styling/icons)
-     */
-    removeIcon: string;
-    /**
-     * Specifies a custom remove SVG icon to render when the Chip is removable.
-     */
-    removeSvgIcon: SVGIcon;
-    /**
-     * @hidden
-     *
-     * Determines whether the Chip has a menu.
-     */
-    hasMenu: boolean;
-    /**
-     * @hidden
-     *
-     * Specifies a custom menu font icon class to render when the Chip has a menu.
-     */
-    menuIcon: string;
-    /**
-     * @hidden
-     *
-     * Specifies a custom menu SVG icon to render when the Chip has a menu.
-     */
-    menuSvgIcon: SVGIcon;
-    /**
-     * If set to `true`, the Chip is disabled.
-     * @default false
-     */
-    disabled: boolean;
-    /**
-     * Sets the padding of the Chip.
-     * See [Chip Appearance](https://www.telerik.com/kendo-angular-ui/components/buttons/chip/appearance#size). The default value is set by the Kendo theme.
-     */
-    set size(size: ChipSize);
-    get size(): ChipSize;
-    /**
-     * Sets the border radius of the Chip.
-     * See [Chip Appearance](https://www.telerik.com/kendo-angular-ui/components/buttons/chip/appearance#roundness). The default value is set by the Kendo theme.
-     */
-    set rounded(rounded: ChipRounded);
-    get rounded(): ChipRounded;
-    /**
-     * Sets the background and border styles of the Chip.
-     * See [Chip Appearance](https://www.telerik.com/kendo-angular-ui/components/buttons/chip/appearance#fill-mode). The default value is set by the Kendo theme.
-     */
-    set fillMode(fillMode: ChipFillMode);
-    get fillMode(): ChipFillMode;
-    /**
-     * Sets a predefined theme color for the Chip.
-     * The theme color applies as a background and border color and adjusts the text color.
-     * See [Chip Appearance](https://www.telerik.com/kendo-angular-ui/components/buttons/chip/appearance#theme-colors). The default value is set by the Kendo theme.
-     */
-    set themeColor(themeColor: ChipThemeColor);
-    get themeColor(): ChipThemeColor;
-    /**
-     * Fires when the user clicks the remove icon of the Chip.
-     */
-    remove: EventEmitter<ChipRemoveEvent>;
-    /**
-     * @hidden
-     *
-     * Fires when the user clicks the menu icon of the Chip.
-     */
-    menuToggle: EventEmitter<ChipRemoveEvent>;
-    /**
-     * Fires when the user clicks the content of the Chip.
-     */
-    contentClick: EventEmitter<ChipContentClickEvent>;
-    tabIndex: number;
-    hostClass: boolean;
-    get disabledClass(): boolean | null;
-    get selectedClass(): boolean;
-    get focusedClass(): boolean;
-    /**
-     * @hidden
-     */
-    direction: string;
-    /**
-     * @hidden
-     */
-    defaultRemoveIcon: SVGIcon;
-    /**
-     * @hidden
-     */
-    defaultMenuIcon: SVGIcon;
-    /**
-     * @hidden
-     */
-    sizeIsSet: boolean;
-    private _size;
-    private _rounded;
-    private _fillMode;
-    private _themeColor;
-    private focused;
-    private subs;
-    constructor(element: ElementRef, renderer: Renderer2, ngZone: NgZone, localizationService: LocalizationService);
-    ngOnInit(): void;
-    ngOnDestroy(): void;
-    ngOnChanges(changes: SimpleChanges): void;
-    ngAfterViewInit(): void;
-    /**
-     * @hidden
-     */
-    get kendoIconClass(): string;
-    /**
-     * @hidden
-     */
-    get customIconClass(): string;
-    /**
-     * @hidden
-     */
-    get removeIconClass(): string;
-    /**
-     * Focuses the Chip component.
-     */
-    focus(): void;
-    /**
-     * Blurs the Chip component.
-     */
-    blur(): void;
-    /**
-     * @hidden
-     */
-    onRemoveClick(e: any): void;
-    /**
-     * @hidden
-     */
-    onMenuClick(e: any): void;
-    private attachElementEventHandlers;
-    /**
-     * @hidden
-     */
-    private verifyIconSettings;
-    private handleClasses;
-    private handleThemeColor;
-    private keyDownHandler;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ChipComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ChipComponent, "kendo-chip", never, { "label": { "alias": "label"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "svgIcon": { "alias": "svgIcon"; "required": false; }; "iconClass": { "alias": "iconClass"; "required": false; }; "avatarSettings": { "alias": "avatarSettings"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "removable": { "alias": "removable"; "required": false; }; "removeIcon": { "alias": "removeIcon"; "required": false; }; "removeSvgIcon": { "alias": "removeSvgIcon"; "required": false; }; "hasMenu": { "alias": "hasMenu"; "required": false; }; "menuIcon": { "alias": "menuIcon"; "required": false; }; "menuSvgIcon": { "alias": "menuSvgIcon"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "size": { "alias": "size"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "fillMode": { "alias": "fillMode"; "required": false; }; "themeColor": { "alias": "themeColor"; "required": false; }; }, { "remove": "remove"; "menuToggle": "menuToggle"; "contentClick": "contentClick"; }, never, ["*"], true, never>;
-}

package/chip/chip.module.d.ts

@@ -1,33 +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 * as i0 from "@angular/core";
-import * as i1 from "./chip.component";
-import * as i2 from "./chip-list.component";
-/**
- * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
- * definition for the Chip and ChipList components.
- *
- * Required for adding Chip and ChipList features in NgModule-based Angular applications.
- *
- * @example
- * ```typescript
- * import { ChipModule } from '@progress/kendo-angular-buttons';
- * import { NgModule } from '@angular/core';
- * import { BrowserModule } from '@angular/platform-browser';
- * import { AppComponent } from './app.component';
- *
- * @NgModule({
- *   declarations: [AppComponent],
- *   imports: [BrowserModule, ChipModule],
- *   bootstrap: [AppComponent]
- * })
- * export class AppModule {}
- * ```
- */
-export declare class ChipModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<ChipModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ChipModule, never, [typeof i1.ChipComponent, typeof i2.ChipListComponent], [typeof i1.ChipComponent, typeof i2.ChipListComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<ChipModule>;
-}

package/chip/models/avatar-settings.interface.d.ts

@@ -1,39 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * Defines the configuration for the Chip avatar.
- */
-export interface ChipAvatarSettings {
-    /**
-     * Sets the CSS styles for the wrapper element of the avatar.
-     * Supports the types of values supported by [ngStyle](link:site.data.urls.angular['ngstyleapi']).
-     */
-    cssStyle?: any;
-    /**
-     * Sets the initials for the Chip avatar.
-     */
-    initials?: string;
-    /**
-     * Sets the CSS styles for the wrapper element of the avatar initials.
-     * Supports the types of values supported by [ngStyle](link:site.data.urls.angular['ngstyleapi']).
-     */
-    initialsCssStyle?: any;
-    /**
-     * Sets the image source for the Chip avatar.
-     */
-    imageSrc?: string;
-    /**
-     * Sets the `alt` attribute for the Chip avatar image.
-     *
-     * @remarks
-     * This option is related to accessibility.
-     */
-    imageAltText?: string;
-    /**
-     * Sets the CSS styles for the avatar image element.
-     * Supports the types of values supported by [ngStyle](link:site.data.urls.angular['ngstyleapi']).
-     */
-    imageCssStyle?: any;
-}

package/chip/models/selection.d.ts

@@ -1,13 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * Sets the selection mode of the ChipList.
- *
- * The available values are:
- * * `none` (default)
- * * `single`
- * * `multiple`
- */
-export type ChipListSelection = 'none' | 'single' | 'multiple';

package/common/models/arrow-settings.d.ts

@@ -1,22 +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 { SVGIcon } from "@progress/kendo-angular-icons";
-/**
- * Customizes the DropDownButton arrow icon.
- */
-export interface ArrowIconSettings {
-    /**
-     * Specifies the Kendo font icon to replace the default arrow-down icon.
-     */
-    icon?: string;
-    /**
-     * Specifies the custom font icon class to replace the default arrow-down icon.
-     */
-    iconClass?: string;
-    /**
-     * Specifies the SVG icon to replace the default arrow-down SVG icon.
-     */
-    svgIcon?: SVGIcon;
-}

package/common/models/fillmode.d.ts

@@ -1,12 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * Specifies the possible `fillMode` options for the buttons.
- */
-export type ButtonFillMode = 'solid' | 'flat' | 'outline' | 'link' | 'clear';
-/**
- * Specifies the possible `fillMode` options for the Chip.
- */
-export type ChipFillMode = 'solid' | 'outline';

package/common/models/icon-position.d.ts

@@ -1,10 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * Defines the position of the icon relative to the button text.
- *
- * @hidden
- */
-export type ButtonIconPosition = 'start' | 'end';

package/common/models/rounded.d.ts

@@ -1,12 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * Specifies the possible rounded options for the buttons.
- */
-export type ButtonRounded = 'small' | 'medium' | 'large' | 'full' | 'none';
-/**
- * Specifies the possible rounded options for the Chip.
- */
-export type ChipRounded = 'small' | 'medium' | 'large' | 'full' | 'none';

package/common/models/size.d.ts

@@ -1,24 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * Specifies the possible sizes for the buttons.
- */
-export type ButtonSize = 'xsmall' | 'small' | 'medium' | 'large';
-/**
- * Specifies the possible sizes for the Chip.
- */
-export type ChipSize = 'small' | 'medium' | 'large';
-/**
- * Specifies the possible sizes for the SplitButton.
- */
-export type SplitButtonSize = 'small' | 'medium' | 'large';
-/**
- * Specifies the possible sizes for the DropDownButton.
- */
-export type DropDownButtonSize = 'small' | 'medium' | 'large';
-/**
- * Specifies the possible sizes for the FloatingActionButton.
- */
-export type FloatingActionButtonSize = 'small' | 'medium' | 'large';

package/common/models/styling-classes.d.ts

@@ -1,11 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * @hidden
- */
-export interface ButtonStylingClasses {
-    toRemove?: string;
-    toAdd?: string;
-}

package/common/models/theme-color.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
-*-------------------------------------------------------------------------------------------*/
-/**
- * Specifies the possible theme colors for the buttons ([see examples](https://www.telerik.com/kendo-angular-ui/components/buttons/button/appearance#theme-colors)).
- *
- * The possible values are:
- * * `base`—Applies the `base` theme color.
- * * `primary`—Applies the `primary` theme color.
- * * `secondary`—Applies the `secondary` theme color.
- * * `tertiary`—Applies the `tertiary` theme color.
- * * `info`—Applies the `info` theme color.
- * * `success`—Applies the `success` theme color.
- * * `warning`—Applies the `warning` theme color.
- * * `error`—Applies the `error` theme color.
- * * `inverse`—Applies the `inverse` theme color.
- */
-export type ButtonThemeColor = 'base' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'inverse';
-/**
- * Specifies the possible theme colors for the Chip.
- *
- * The possible values are:
- * * `base`—Applies the `base` theme color.
- * * `info`—Applies the `info` theme color.
- * * `success`—Applies the `success` theme color.
- * * `warning`—Applies the `warning` theme color.
- * * `error`—Applies the `error` theme color.
- */
-export type ChipThemeColor = 'base' | 'info' | 'success' | 'warning' | 'error';
-/**
- * Specifies the possible theme colors for the FloatingActionButton component.
- *
- * The possible values are:
- * * `base`—Applies the `base` theme color.
- * * `primary`—Applies the `primary` theme color.
- * * `secondary`—Applies the `secondary` theme color.
- * * `tertiary`—Applies the `tertiary` theme color.
- */
-export type FloatingActionButtonThemeColor = 'base' | 'primary' | 'secondary' | 'tertiary';

package/common/models.d.ts

@@ -1,11 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-export * from './models/size';
-export * from './models/theme-color';
-export * from './models/fillmode';
-export * from './models/rounded';
-export * from './models/styling-classes';
-export * from './models/arrow-settings';
-export * from './models/icon-position';

package/direction.d.ts

@@ -1,8 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * @hidden
- */
-export type Direction = 'ltr' | 'rtl';