import type { CSSResultGroup } from 'lit'; import { ShoelaceElement } from '../../internal/shoelace-element'; /** * @summary Tag buttons are are a clickable version of the tag component. * @documentation https://dsa.service-public-autonomie.fr/latest/librairie-webcomponents/tag-tag/web-ztnWI4xr#section-dsa-tag-button-8b * * @event dsa-blur - Emitted when the tag loses focus. * @event dsa-focus - Emitted when the tag gains focus. * * @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. * */ export default class DSATagButton extends ShoelaceElement { static styles: CSSResultGroup; tagButton: HTMLButtonElement | HTMLLinkElement; /** The tag's label */ label: string; /** The tag's theme variant. */ variant: 'neutral' | 'active'; /** The tag's size. */ size: 'small' | 'medium' | 'large'; /** Provides an accessible label for the element */ accessibleName: string; /** Provides an accessible description for the element */ description: string; /** (Link) Change thetag role to link. Specifies the URL of the page the link goes to. */ href: string; /** (Link) Determines the relationship between the current document and the linked document */ rel: string; /** (Link) Specifies that the target will be downloaded when a user clicks on the hyperlink */ download?: string; /** * (Link) Specifies where to open the linked document. * @default '_self' * */ target: '_blank' | '_parent' | '_self' | '_top'; private isLink; private handleBlur; private handleFocus; /** Simulates a click on the tag button. */ click(): void; /** Sets focus on the tag button. */ focus(options?: FocusOptions): void; /** Removes focus from the tag button. */ blur(): void; render(): import("lit").TemplateResult; } declare global { interface HTMLElementTagNameMap { 'dsa-tag-button': DSATagButton; } }