import PIcon from "../icon/icon.component.js"; import PureElement from "../../internal/pure-ui-element.js"; import type { CSSResultGroup } from "lit"; /** * @summary Icons buttons are simple, icon-only buttons that can be used for actions and in toolbars. * @documentation https://pureui.online/components/icon-button * @status stable * @since 1.0 * * @dependency p-icon * * @event p-blur - Emitted when the icon button loses focus. * @event p-focus - Emitted when the icon button gains focus. * * @csspart base - The component's base wrapper. */ export default class PIconButton extends PureElement { static styles: CSSResultGroup; static dependencies: { "p-icon": typeof PIcon; }; 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 `