import { CustomSignalClass, Signal } from "typescene-async";
import Style from "../../Style";
import Animation from "../../Animation";
import { Container, Menu } from "../";
import ControlElement from "./ControlElement";
import { ComponentFactory, ValueOrAsync } from "../ComponentFactory";
import TextLabelFactory from "../TextLabelFactory";
import { ActionHandler, MouseHandler, MouseEventSignal } from "../DOMEvents";
/** Represents a button control */
export declare class Button extends ControlElement {
    /** Signal that is emitted when a button is clicked, with the (non-empty) content of the button's `target` property, e.g. a URL string or Activity (class) from the `typescene-app` module; default connection only navigates to URLs but the Application constructor connects a new handler that calls `startActivity` */
    static ActivateTarget: CustomSignalClass<any, Signal<any>>;
    /** Create a button control element */
    constructor(label?: string | TextLabelFactory, icon?: string);
    /** Initialize a button control factory with given values */
    static with: (values: Button.Initializer) => ComponentFactory<Button>;
    /** Initialize a button control factory with given label and handler */
    static withLabel(label: ValueOrAsync<string | TextLabelFactory>, clickHandler?: string | MouseHandler): ComponentFactory<Button>;
    /** Initialize a button control factory with given icon and handler */
    static withIcon(icon: ValueOrAsync<string>, clickHandler?: string | MouseHandler): ComponentFactory<Button>;
    /** Initialize with given (observable) values; returns this */
    initializeWith: (values: Button.Initializer) => this;
    /** Button label (observed) */
    label: string;
    /** Optional icon (see Text:icon; observed) */
    icon: string | undefined;
    /** Optional icon behind the text (observed) */
    iconAfter: string | undefined;
    /** Space reserved for icon (rem units), if > 0 (observed) */
    remGutter: number | undefined;
    /** Optional badge text (see Text:badge; observed) */
    badge: string;
    /** Tooltip text (title attribute; observed) */
    tooltipTitle: string;
    /** Disabled state (observed) */
    disabled: boolean;
    /** Set to true to enable Bootstrap style "active" class (depressed) */
    active: boolean;
    /** Set to true to enable Bootstrap style "primary" class */
    primary: boolean;
    /** Used with Bootstrap button classes where a "secondary/default" type is needed if none else is specified; set to true by default, overridden by .primary property */
    secondary: boolean;
    /** Dropdown menu options to be displayed when this button is clicked (optional); defaults to null, set to array or ObservableArray to enable */
    dropdown: Menu.Option[] | null;
    /** Popover container class to be displayed when this button is clicked (optional); defaults to null, set to a container class reference to enable */
    popover: typeof Container | null;
    /** Set to true to open popover above (vertically) this button */
    popoverAbove: boolean;
    /** Title of the popover with contents defined by popover property (optional); no title is displayed if this string is undefined or empty */
    popoverTitle: string;
    /** Animation to be used for display of a popover */
    popoverAnimation: Animation;
    /** URL/path string, Activity instance, or Activity class that is activated when this button is clicked (optional) */
    target: any;
    /** Set to false to expand horizontally within row (observed) */
    shrinkwrap: boolean;
    private _observeState;
    /** Encapsulation of button element style (observed) */
    readonly style_button: Style;
    /** Signal emitted on click (DOM); overridden for Button to only emit a signal if NOT disabled, and also emit Press if not emitted before Click */
    readonly Click: MouseEventSignal;
    /** Signal emitted on mouse-down (DOM); overridden for Button to only emit a signal if NOT disabled, and also to be emitted on click (DOM) if no mouse-down event had been fired, e.g. on touch screens */
    readonly Press: MouseEventSignal;
    /** Signal emitted when a dropdown option has been clicked */
    readonly DropdownClicked: CustomSignalClass<string | number, Signal<string | number>>;
    protected focus(): void;
    protected blur(): void;
    private _btnElement;
}
export declare namespace Button {
    /** Initializer for .with({ ... }) */
    interface Initializer extends ControlElement.Initializer {
        /** Property initializer */
        label: ValueOrAsync<string | TextLabelFactory>;
        /** Property initializer */
        icon?: ValueOrAsync<string>;
        /** Property initializer */
        iconAfter?: ValueOrAsync<string>;
        /** Property initializer */
        remGutter?: ValueOrAsync<number>;
        /** Property initializer */
        badge?: ValueOrAsync<string | TextLabelFactory>;
        /** Property initializer */
        tooltipTitle?: ValueOrAsync<string | TextLabelFactory>;
        /** Property initializer */
        disabled?: ValueOrAsync<boolean>;
        /** Property initializer */
        active?: ValueOrAsync<boolean>;
        /** Property initializer */
        primary?: ValueOrAsync<boolean>;
        /** Property initializer */
        secondary?: ValueOrAsync<boolean>;
        /** Property initializer */
        dropdown?: ValueOrAsync<Menu.Option[]>;
        /** Property initializer */
        popover?: ValueOrAsync<ComponentFactory<Container> | typeof Container>;
        /** Property initializer */
        popoverAbove?: ValueOrAsync<boolean>;
        /** Property initializer */
        popoverTitle?: ValueOrAsync<string | TextLabelFactory>;
        /** Property initializer */
        popoverAnimation?: Animation;
        /** Property initializer */
        target?: any;
        /** Property initializer */
        style_button?: ValueOrAsync<Style | Style.StyleSet>;
        /** Signal initializer: method name or handler */
        DropdownClicked?: string | ActionHandler<string | number, any>;
    }
}
/** Button control with Bootstrap "primary" class (shortcut for setting .primary on regular Button class) */
export declare class PrimaryButton extends Button {
    primary: boolean;
}
/** Button that switches between active and inactive when clicked */
export declare class ToggleButton extends Button {
    constructor(label?: string | TextLabelFactory, icon?: string);
}
/** Button control with Bootstrap btn-link class */
export declare class LinkButton extends Button {
    constructor(label?: string | TextLabelFactory, icon?: string);
}
/** Button control that is not decorated as a button */
export declare class TextButton extends Button {
    constructor(label?: string | TextLabelFactory, icon?: string);
}
/** Round button control (e.g. with an icon) */
export declare class RoundButton extends Button {
    constructor(label?: string | TextLabelFactory, icon?: string);
}
export default Button;