import type { CSSResultGroup, HTMLTemplateResult } from 'lit'; import { ShoelaceElement } from '../../internal/shoelace-element'; /** * @summary Icons are symbols that can be used to represent various options within an application. * @documentation https://dsa.service-public-autonomie.fr/latest/librairie-webcomponents/icone-icon/web-Dfne8M9b * * @event dsa-load - Emitted when the icon has loaded. * @event dsa-error - Emitted when the icon fails to load due to an error. * */ export default class DSAIcon extends ShoelaceElement { static styles: CSSResultGroup; private initialRender; /** Given a URL, this function returns the resulting SVG element or an appropriate error symbol. */ private resolveIcon; private svg; /** The name of the icon to draw. Available names depend on the icon library being used. */ name?: string; /** * An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and * can result in XSS attacks. */ src?: string; /** * An alternate description to use for assistive devices. If omitted, the icon will be considered presentational and * ignored by assistive devices. */ label: string; /** The name of a registered custom icon library. */ library: string; connectedCallback(): void; firstUpdated(): void; disconnectedCallback(): void; private getIconSource; private setSvgLabel; handleLabelChange(): void; setIcon(): Promise; render(): SVGElement | HTMLTemplateResult | null; } declare global { interface HTMLElementTagNameMap { 'dsa-icon': DSAIcon; } }