import { FASTElement } from "@microsoft/fast-element";
import { AnchorTarget } from "@microsoft/fast-foundation";
/**
 * # CitationReference
 *
 * When slotted in to the Citation component it displays on hover of the citation. The citation reference is a more simplified version of the reference that is only meant to appear inside of a citation popover.
 *
 * usage:
 * ```html
 * <fabric-citation>
 *     <span slot="index">1</span>
 *     <fabric-citation-reference>
 *         <span slot="index">1</span>
 *         <svg slot="reference-icon"></svg>
 *     </fabric-citation-reference>
 * </fabric-citation>
 * ```
 */
export declare class CitationReference extends FASTElement {
    /**
     * ## index
     *
     * corresponds to the index number of the parent citation
     */
    index?: number;
    /**
     * ## indexReference
     *
     * A reference to the slotted index element
     */
    indexReference: Array<HTMLElement>;
    indexReferenceChanged(): void;
    /**
     * citationHref
     *
     * href endpoint for citation
     */
    citationHref?: string;
    /**
     * ## metadataTextOne
     *
     * text metadata content for citation. appears above reference quote
     */
    metadataTextOne: Array<HTMLElement>;
    /**
     * ## metadataTextOne
     * change handler
     */
    metadataTextOneChanged(): void;
    /**
     * ## hasMetadataTextOne
     * true when text is present
     */
    hasMetadataTextOne: boolean;
    /**
     * ## metadataTextTwo
     *
     * text metadata content for citation. appears above reference quote
     */
    metadataTextTwo: Array<HTMLElement>;
    /**
     * ## metadataTextTwo
     * change handler
     */
    metadataTextTwoChanged(): void;
    /**
     * ## hasMetadataTextTwo
     * true when text is present
     */
    hasMetadataTextTwo: boolean;
    /**
     * ## metadataTextThree
     *
     * text metadata content for citation. appears above reference quote
     */
    metadataTextThree: Array<HTMLElement>;
    /**
     * ## metadataTextThree
     * change handler
     */
    metadataTextThreeChanged(): void;
    /**
     * ## hasMetadataTextThree
     * true when text is present
     */
    hasMetadataTextThree: boolean;
    target: AnchorTarget;
    /**
     * # handleKeyboardNavigation
     *
     *  Because Fast Tooltip seems to block interactive elements embedded inside, when this citation is embedded in the popover-polyfill regular keyboard events on the anchor element do not work - probably because WCAG guidelines maintain that tooltips do not recieve focus. It is recommended to use an html dialog for interactive modal situations.
     *
     * [WCAG tooltip reference](https://www.w3.org/WAI/ARIA/apg/patterns/tooltip/)
     * [html dialog reference](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog)
     */
    handleKeyboardNavigation(event: KeyboardEvent): void;
    connectedCallback(): void;
    disconnectedCallback(): void;
}
//# sourceMappingURL=citation-reference.d.ts.map