@progress/kendo-angular-buttons/chip/chip-list.component.d.ts

Buttons Package for Angular

/**-----------------------------------------------------------------------------------------
* Copyright © 2025 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";
export declare class ChipListComponent implements OnInit, AfterViewInit, AfterContentInit, OnDestroy {
    private localizationService;
    private renderer;
    private element;
    private ngZone;
    hostClass: boolean;
    orientation: string;
    /**
     * @hidden
     */
    direction: string;
    /**
     * Sets the selection mode of the ChipList.
     *
     * The available values are:
     * * `none` (default)
     * * `single`
     * * `multiple`
     */
    selection: ChipListSelection;
    /**
     * The size property specifies the gap between the Chips in the ChipList
     * ([see example]({% slug appearance_chiplist %}#toc-size)).
     *
     * The possible values are:
     * * `'small'`
     * * `'medium'` (default)
     * * `'large'`
     * * `none`
     */
    set size(size: ChipSize);
    get size(): ChipSize;
    /**
     * Fires each time when the ChipList selection is changed.
     */
    selectedChange: EventEmitter<any[]>;
    /**
     * Fires each time the user clicks on the remove icon of the Chip.
     */
    remove: EventEmitter<ChipListRemoveEvent>;
    chips: QueryList<ChipComponent>;
    get single(): boolean;
    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
     */
    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, { "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>;
}