import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
/**
 * @name Checkbox
 * @category Forms
 * @summary Use as a single binary choice; nest within a Checkbox Group for grouped selection.
 * @slot default - Additional content displayed adjacent to the label.
 * @slot label - Custom label content displayed adjacent to the label.
 * @slot description - Custom description content displayed beneath the label.
 */
export declare class Q2Checkbox implements ComponentInterface {
    _id: string;
    descriptionObserver: MutationObserver;
    inputElement: HTMLInputElement;
    labelResizeObserver: ResizeObserver;
    labelTextElement: HTMLElement;
    hostElement: HTMLElement;
    hasDescription: boolean;
    hasMultilineLabel: boolean;
    /**
     * @private
     * Tooltip text set by a parent q2-tooltip component for accessibility.
     */
    _tooltip: string;
    /** Determine which side of the label the checkbox will render on. */
    align: string;
    /** @deprecated Use 'align' instead */
    alignment: string;
    /** @deprecated */
    ariaLabel: string;
    /** The state of the checkbox. This modifies the visual appearance of the element. */
    checked: boolean;
    /**
     * Populates a description that is displayed beneath the label.
     * @localizable
     */
    description: string;
    /** Disables the checkbox and prevents interaction. */
    disabled: boolean;
    /**
     * Used by q2-checkbox-group to disable all checkboxes in the group
     * @private
     */
    groupDisabled: boolean;
    /** Determines if the component should display in an errant state. */
    hasError: boolean;
    /**
     * Hide's the field's `<label>` element from view.
     *
     * @warning
     * Only use when a visible label is impractical.
     */
    hideLabel: boolean;
    /**
     * Used on a parent checkbox in a checkbox group (e.g. "Select All") to indicate that some, but not all, checkboxes in a group are checked.
     *
     * When `true`, the "indeterminate" selection style is applied.
     * To apply the standard "checked" selection style, `checked` must be true, and `indeterminate` must be `false`.
     */
    indeterminate: boolean;
    /**
     * The visible label text for the checkbox. Appears to the right of the box for 'default' and 'favorite' checkboxes, and to the left for 'toggle' checkboxes.
     * Yielded content will be adjacent to this text.
     * @localizable
     */
    label: string;
    /** A static string used to establish a symbolic relationship between checkboxes. */
    name: string;
    /** The field is not interactive, but remains focusable. */
    readonly: boolean;
    /** The field is not interactive, but remains focusable. */
    slotReadonly: boolean;
    /** The visual style of the checkbox. This does not need to be defined for a standard checkbox. */
    type: 'favorite' | 'toggle';
    /** A static reference value for the checkbox. */
    value: string;
    /**
     * Emitted when the checkbox is toggled.
     * @deprecated Use 'tctChange' instead
     * @legacyEvent
     */
    change: EventEmitter<{
        value: string;
        checked: boolean;
    }>;
    /**
     * Emitted when the checkbox is toggled.
     * @legacyEvent
     */
    tctChange: EventEmitter<{
        value: string;
        checked: boolean;
    }>;
    disconnectedCallback(): void;
    componentWillLoad(): void;
    componentDidLoad(): void;
    defaultChangeHandler(event: CustomEvent): void;
    delegateFocus(event: FocusEvent): void;
    alignmentHandler(): void;
    ariaLabelObserver(): void;
    descriptionWatcher(): void;
    labelWatcher(): void;
    get ariaLabelledBy(): string | undefined;
    get labelId(): string;
    get tooltipId(): string;
    checkForDescription(): void;
    handleChangeEvent(event: CustomEvent<{
        checked: boolean;
        value: string;
    }>): void;
    onInputClick: (event: Event) => void;
    queueLabelLayoutUpdate: () => void;
    setupDescriptionObserver(): void;
    setupLabelResizeObserver(): void;
    updateLabelLayout(): void;
    renderCheckboxSVG(): any;
    renderCheckBoxSVGFill(): any;
    renderToggleSVG(): any;
    render(): any;
}