import { Component, Observable, ContextManager } from '..';
export interface DefaultLoaderConstructorProps {
    /** @zprop
     * @zgroup Appearance
     * @zgrouppriority 10
     * @zvalues files *.+(jpg|jpeg|png|webp)
     */
    backgroundImage: string;
}
/**
 * The DefaultLoader shows a customizable loading bar while the assets of your experience are being downloaded and parsed by the browser.
 *
 * @zcomponent
 * @zicon loader
 * @zgroup Advanced
 */
export declare class DefaultLoader extends Component {
    element: HTMLDivElement;
    /** @zprop
     * @zdefault false
     * @zgroup Design Time
     * @zgrouppriority 30
     */
    readonly preview: Observable<boolean, never>;
    /** @zprop
     * @zgroup Text
     * @zgrouppriority 20
     */
    readonly title: Observable<string>;
    /** @zprop
     * @zgroup Text
     * @zgrouppriority 20
     */
    readonly subtitle: Observable<string>;
    /** @zprop
     * @zdefault #000000
     * @zgroup Appearance
     * @zgrouppriority 10
     * @ztype color-hex
     */
    readonly backgroundColor: Observable<string>;
    /** @zprop
     * @zdefault #ffffff
     * @zgroup Appearance
     * @zgrouppriority 10
     * @ztype color-hex
     */
    readonly textColor: Observable<string>;
    /** @zprop
     * @zdefault 1000
     * @zgroup Appearance
     * @zgrouppriority 10
     */
    readonly zIndex: Observable<number>;
    private _percentageElement;
    private _attached;
    /**
     * Creates a new DefaultLoader component.
     * @param contextManager - The current ContextManager
     * @param constructorProps - The constructor properties.
     */
    constructor(contextManager: ContextManager, constructorProps: DefaultLoaderConstructorProps);
    private _updatePercentage;
    private _updateVisibility;
    private _update;
    dispose(): never;
}