import { EventEmitter } from '../../stencil-public-runtime'; /** * Toggles are graphical interface switches that give user control over a * feature or option that can be turned on or off. * * @slot hint - Optional hint element to be displayed with the toggle. * @slot label - The slotted label. If both the label property and the label slot are present, only the label slot will be displayed. * @part label - The label content. * @part input - The native input element. */ export declare class CatToggle { private readonly _id; private get id(); private input; hostElement: HTMLElement; hasSlottedLabel: boolean; hasSlottedHint: boolean; internals: ElementInternals; /** * Checked state of the toggle. */ checked: boolean; /** * Disabled state of the toggle. */ disabled: boolean; /** * A unique identifier for the input. */ identifier?: string; /** * The label of the toggle that is visible. */ label: string; /** * Visually hide the label, but still show it to assistive technologies like screen readers. */ labelHidden: boolean; /** * The name of the input. */ name?: string; /** * Required state of the toggle. */ required: boolean; /** * The value of the checked toggle. */ value?: any; /** * The value of the unchecked toggle. */ noValue?: any; /** * The resolved value of the toggle, based on the checked state, value and noValue. */ resolvedValue: any; /** * Optional hint text(s) to be displayed with the toggle. */ hint?: string | string[]; /** * Whether the label should appear to the left of the toggle. */ labelLeft: boolean; /** * The alignment of the checkbox. */ alignment: 'center' | 'top' | 'bottom'; /** * Attributes that will be added to the native HTML input element. */ nativeAttributes?: { [key: string]: string; }; /** * A unique identifier for the underlying native element that is used for * testing purposes. The attribute is added as `data-test` attribute and acts * as a shorthand for `nativeAttributes={ 'data-test': 'test-Id' }`. */ testId?: string; /** * Emitted when the checked status of the toggle is changed. */ catChange: EventEmitter; /** * Emitted when the toggle received focus. */ catFocus: EventEmitter; /** * Emitted when the toggle loses focus. */ catBlur: EventEmitter; componentWillLoad(): void; componentWillRender(): void; /** * Programmatically move focus to the toggle. Use this method instead of * `input.focus()`. * * @param options An optional object providing options to control aspects of * the focusing process. */ doFocus(options?: FocusOptions): Promise; /** * Programmatically remove focus from the toggle. Use this method instead of * `input.blur()`. */ doBlur(): Promise; render(): any; private get hasHint(); private onInput; private onFocus; private onBlur; private updateResolved; }