import LibraryBaseElement from '../../internal/library-base-element.js'; import OIcon from '../icon/icon.component.js'; import type { CSSResultGroup } from 'lit'; /** * @summary Icons buttons are simple, icon-only buttons that can be used for actions and in toolbars. * @documentation /components/icon-button * @status stable * @since 1.5 * * @dependency o-icon * * @event o-blur - Emitted when the icon button loses focus. * @event o-focus - Emitted when the icon button gains focus. * * @csspart base - The component's base wrapper. */ export default class OIconButton extends LibraryBaseElement { static styles: CSSResultGroup; static dependencies: { 'o-icon': typeof OIcon; }; button: HTMLButtonElement | HTMLLinkElement; private hasFocus; /** The name of the icon to draw. Available names depend on the icon library being used. */ name?: string; /** The name of a registered custom icon library. */ library?: 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; /** When set, the underlying button will be rendered as an `` with this `href` instead of a `