import { nothing } from 'lit'; import type { TemplateResult, CSSResultArray, PropertyValues } from 'lit'; import { AnchorElement } from '../base/anchor-element'; import type { LinkTarget } from '../base/anchor-element'; export type { LinkTarget }; declare const PharosLink_base: typeof AnchorElement; /** * Pharos link component. * * @tag pharos-link * * @slot - Contains the content of the link (the default slot). * */ export declare class PharosLink extends PharosLink_base { /** * Indicates the MIME type of the target. * @attr type */ type?: string; /** * Indicates the link should not have text decoration by default. * @attr subtle */ subtle: boolean; /** * Indicates the link is on a AA compliant background. * @attr is-on-background */ isOnBackground: boolean; /** * Indicates the aria-label to apply to the link. * @attr a11y-label */ a11yLabel?: string; /** * Indicates if the link should be bold. * @attr bold */ bold: boolean; /** * Indicates if the link should display as a flex container. * * Known bug if using link with a nested header: while in a focus state, a blue outline is not rendered on Chrome and Safari, * but it works as expected on Firefox. See here for more details https://github.com/ithaka/pharos/issues/485 * * Temporary workaround: Enable `flex` so that the element layout is rendered and displays the outline. * * @attr flex */ flex: boolean; /** * Indicates the link is hidden until focused and skips to another element when clicked. * @attr skip */ skip: boolean; /** * Indicates the link should not have a hover state. * @attr no-hover */ noHover: boolean; /** * Indicates if the link should render the visited link styling. * @attr indicate-visited */ indicateVisited: boolean; private _alert; private _hover; protected update(changedProperties: PropertyValues): void; static get styles(): CSSResultArray; private _handleClick; protected get appendContent(): TemplateResult | typeof nothing; protected render(): TemplateResult; } //# sourceMappingURL=pharos-link.d.ts.map