import { EventEmitter } from '../../stencil-public-runtime'; import { type A11yAttributeName } from '../utils/a11y'; import { InheritAriaAttributesMixinContract } from '../utils/internal/mixins/accessibility/inherit-aria-attributes.mixin'; import { ChipVariant } from './chip.types'; declare const Chip_base: abstract new (...args: any[]) => { componentDidLoad(): void; disconnectedCallback(): void; hostElement?: import("@stencil/core/internal").HTMLStencilElement; connectedCallback?(): void; componentWillRender?(): Promise | void; componentDidRender?(): void; componentWillLoad?(): Promise | void; componentShouldUpdate?(newVal: any, oldVal: any, propName: string): boolean | void; componentWillUpdate?(): Promise | void; componentDidUpdate?(): void; render?(): any; } & import("../utils/internal/component").StencilLifecycle & { inheritAriaAttributes: import("../utils/a11y").A11yAttributes; getIgnoredAriaAttributes(): A11yAttributeName[]; componentWillLoad(): Promise | void; ariaAttributeChanged(newValue: string | null, _: string | null, propName: string): void; hostElement?: import("@stencil/core/internal").HTMLStencilElement; connectedCallback?(): void; disconnectedCallback?(): void; componentWillRender?(): Promise | void; componentDidRender?(): void; componentDidLoad?(): void; componentShouldUpdate?(newVal: any, oldVal: any, propName: string): boolean | void; componentWillUpdate?(): Promise | void; componentDidUpdate?(): void; render?(): any; }; export declare class Chip extends Chip_base implements InheritAriaAttributesMixinContract { hostElement: HTMLIxChipElement; /** * Chip variant. * Defaults to `primary`. When unset or set to an unknown value the chip falls back to `primary` styling. */ variant: ChipVariant; /** * Determines if the chip is interactive. If true no user input (e.g. mouse states, keyboard navigation) * will be possible and also the close button will not be present. */ inactive: boolean; /** * Show close icon */ closable: boolean; /** * Show icon */ icon?: string; /** * Accessible name for the leading icon. * When unset, the icon is treated as decorative (hidden from assistive tech) when the default slot supplies a visible label. * * @since 5.0.0 */ ariaLabelIcon?: string; /** * Custom background color. * Only has an effect on chips with `variant='custom'` */ background: string | undefined; /** * Custom font and icon color. * Only has an effect on chips with `variant='custom'` */ chipColor: string | undefined; /** * Show chip with outline style */ outline: boolean; /** * Display a tooltip. By default, no tooltip will be displayed. * Add the attribute to display the text content of the component as a tooltip or use a string to display a custom text. * * @since 3.0.0 */ tooltipText: string | boolean; /** * Center the content of the chip. * Set to false to disable centering. * @since 3.2.0 */ centerContent: boolean; /** * ARIA label for the close button * Will be set as aria-label on the nested HTML button element */ ariaLabelCloseButton?: string; /** * Fire event if close button is clicked */ closeChip: EventEmitter; private readonly containerElementRef; getIgnoredAriaAttributes(): A11yAttributeName[]; componentWillLoad(): void; private getTooltip; private getCustomStyles; private getIconStyle; private getHostRole; render(): any; } export {};