import type { CSSResultGroup } from 'lit'; import DSAIconButton from '../icon-button/icon-button'; import DSATooltip from '../tooltip/tooltip'; import DSAVisuallyHidden from '../visually-hidden/visually-hidden'; import { ShoelaceElement } from '../../internal/shoelace-element'; import type { TAG_VARIANTS } from './tag-variants'; import { DEPRECATED_TAG_VARIANTS } from './tag-variants'; /** * @summary Tags are used as labels to organize things or to indicate a selection. * @documentation https://dsa.service-public-autonomie.fr/latest/librairie-webcomponents/tag-tag/web-ztnWI4xr * * @dependency dsa-icon-button * @dependency dsa-tooltip * @dependency dsa-visually-hidden * * @slot prefix - Used to prepend a presentational icon or similar element to the input. * @slot suffix - Used to append a presentational icon or similar element to the input. * * @event dsa-remove - Emitted when the remove button is activated. */ export default class DSATag extends ShoelaceElement { static styles: CSSResultGroup; static dependencies: { 'dsa-icon-button': typeof DSAIconButton; 'dsa-tooltip': typeof DSATooltip; 'dsa-visually-hidden': typeof DSAVisuallyHidden; }; private readonly localize; private iconButtonSize; content: HTMLElement; removeButton: HTMLElement; /** @internal */ disableRemovableFocus: boolean; /** The tag's theme variant. */ variant: (typeof TAG_VARIANTS)[number] | (typeof DEPRECATED_TAG_VARIANTS)[number]; /** The tag's size. */ size: 'small' | 'medium' | 'large'; /** Makes the tag removable and shows a remove button. */ removable: boolean; label: string; /** (Optional) An accessible name for the tag */ accessibleName: string; /** Display the tag label in a tooltip */ tooltip: boolean; private handleRemoveClick; updateIconButtonSize(): void; render(): import("lit").TemplateResult<1>; } declare global { interface HTMLElementTagNameMap { 'dsa-tag': DSATag; } }