import { ComponentInterface } from '../../stencil-public-runtime';
/**
 * @name Loading
 * @category Feedback
 * @summary Use to indicate async operations or content loading in progress.
 */
export declare class Q2Loading implements ComponentInterface {
    ariaLiveTimer: any;
    customLoaderClass: string;
    dontUpdateScreenReaderLabel: boolean;
    liveRegionChangeIndicatorToggle: boolean;
    observer: IntersectionObserver;
    screenReaderElement: HTMLElement;
    hostElement: HTMLElement;
    hasCustomLoader: boolean;
    loaderClone: SVGElement;
    /** @deprecated */
    ariaLabel: string;
    /**
     * Numeric adjustments are available for specific `type` and `shape` combinations.
     * These may impact the number of items, columns, and/or rows that display.
     *
     * When `shape="text"`, `shape="detailed-item"`, or `shape="label-value"`, the `counts` attribute determines the number of rows to display.
     *
     * When `shape="table"`, the `counts` attribute can be used in two ways:
     *
     * 1. `counts="CxR"` = Provides a skeleton table of `C` columns and `R` rows. The default value is `"5x5"
     * 2. `counts="N"` - Provides a skeleton table of `N` columns and 5 rows.
     *
     * When `shape="form"`, the `counts` attribute can be used in two ways:
     *
     * 1. `counts="CxR" - Provides a skeleton form of `C` columns and `R` rows of fields. The default value is `"1x1"`.
     * 2. `counts="N"` - Provides a skeleton form of `N` fields stacked in single columns.
     */
    counts: string;
    /** Hides the loading element from screen readers. */
    hideFromScreenReaders: boolean;
    /** Styles the component to have a `height` and `width` of `1em`, making it easy to place alongside text. */
    inline: boolean;
    /**
     * The label that is associated with the component. This is not displayed visually but is presented by screen readers.
     * @localizable
     */
    label: string;
    /**
     * Visual adjustments available to specific type and shape combinations, written as a hyphen (`-`) separated string.
     *
     * Supported values depend on the type and shape selected, and are listed in detail in the shape sections above.
     */
    modifiers: string;
    /**
     * The specific visual presentation of a loading element `type`.
     * @snippet
     * // when type="spinner"
     * type ShapeValues = "half-circle";
     * // when type="skeleton"
     * type ShapeValues = "circle | "rectangle" | "text" | "table" | "field" | "form" | "detailed-item" | "label-value";
     */
    shape: string;
    /** The type of loading element to display. */
    type: 'brand' | 'spinner' | 'skeleton';
    disconnectedCallback(): void;
    componentWillLoad(): void;
    componentDidLoad(): void;
    componentDidUpdate(): void;
    componentDidRender(): void;
    onUpdateLoaders(): void;
    handleType(): void;
    get countsArray(): number[];
    get customLoaderElement(): HTMLElement;
    get customLoaderURL(): string;
    get isSkeletonType(): boolean;
    get loaderEventName(): string;
    get localizedLabel(): string;
    get modifiersSet(): Set<string>;
    get skeletonShape(): any;
    checkForLoader(): boolean;
    cleanupLiveRegionDelay(): void;
    cloneLoaderNode(): void;
    fetchLoader(): Promise<void>;
    setupLiveRegionDelay(): void;
    updateScreenReaderLabel(): void;
    renderCustomLoaderContainer: () => any;
    renderHalfCircleSpinner: () => any;
    get renderLoader(): any;
    renderSkeletonLoader: () => any;
    renderSpinner: () => any;
    render(): any;
}