import { DDSElement } from "../../base/index.js"; /** * A chip is a small UI component that represents a single piece of information, a filter, or a contact. Think of it as a compact tag or a small, clickable token. * * @fires remove - When type is "input", a custom event emitted when a user clicks the remove button. * @fires before-select - When type is "filter", a cancelable custom event emitted before changing the selected state of a filter type chip. Listeners can call `event.preventDefault()` to prevent the state change. * @fires select - When type is "filter", a custom event emitted after the selected state of a filter type chip has changed. The new selected state is provided in `event.detail.checked`. * * @slot - A slot for the chip content. * @slot left-icon - When type is "input", a slot for an icon to be placed to the left of the text. Place `daikin-icon` or something similar. * * @example * * ```js * import "@daikin-oss/design-system-web-components/components/chip/index.js"; * ``` * * ```html * Text * ``` */ export declare class DaikinChip extends DDSElement { static readonly styles: import('lit').CSSResult; /** * Type of the chip. * * @default "input" */ type: "input" | "filter"; /** * Specify the variant of the chip when type is "input". * * @default "outline" */ variant: "fill" | "outline"; /** * Specify the chip is selected when type is "filter". */ checked: boolean; /** * Specify the chip disabled state when type is "filter". */ disabled: boolean; /** * Specify the chip with a left checked icon when type is "filter". */ withCheckedIcon: boolean; /** * Provides an accessible name of the chip when type is "input". */ chipAriaLabel: string | null; private _focusableElement; private _handleRemoveClick; /** * Emits `before-select` event if necessary and returns whether we should proceed. * * 1. Emit "before-select" event. * 2. Check and return whether the event is canceled. * * @returns `true` if we should proceed (event is emitted and not canceled). `false` otherwise. */ private _emitBeforeSelect; /** * Handles "click" event emitted by `daikin-chip` component when "filter" type is used. */ private _handleChipClick; render(): import('lit-html').TemplateResult<1>; /** * Focuses on the inner remove button or the chip button depending on the type. * @param options focus options */ focus(options?: FocusOptions): void; } declare global { interface HTMLElementTagNameMap { "daikin-chip": DaikinChip; } }