import { EventEmitter } from '../../stencil-public-runtime'; import { CheckedState } from './types'; /** * @slot checkedicon - Allows overriding the default checked icon. * @slot uncheckedicon - Allows overriding the unchecked icon. * @slot intermediateicon - If intermadiate state is used, allows overriding its icon. */ export declare class DnnCheckbox { el: HTMLDnnCheckboxElement; /** Defines if the checkbox is checked (true) or unchecked (false) or in an intermediate state (undefined) */ checked: CheckedState; /** Defines if clicking the checkbox will go through the intermediate state between checked and unchecked (tri-state) */ useIntermediate: boolean; /** The value for this checkbox (not to be confused with its checked state). */ value: string; /** The name to show in the formData (if using forms). */ name: string; /** If true, the checkbox needs to be checked for the form validation to succeed. */ required: boolean; /** A function that will be called when the checkbox needs to change state and returns the next state. * Can be used to customize the order of the states when the component is clicked. * Only called if you also use the tri-state feature (useIntermediate). */ nextStateHandler: (currentState: CheckedState) => CheckedState; /** Can be used to customize the validation message when the field is required but not checked. */ requiredMessage: string; /** Fires up when the checkbox checked property changes. */ checkedchange: EventEmitter<"checked" | "unchecked" | "intermediate">; handleClick(): void; /** Reports the input validity details. See https://developer.mozilla.org/en-US/docs/Web/API/ValidityState */ checkValidity(): Promise; focused: boolean; valid: boolean; internals: ElementInternals; private originalChecked; private button; componentWillLoad(): void; handleCheckedChange(newValue: CheckedState, oldValue: CheckedState): void; formResetCallback(): void; private defaultNextStateHandler; private changeState; private getButtonClasses; render(): any; }