import * as lit_html from 'lit-html'; import * as lit from 'lit'; import { LitElement } from 'lit'; import { F as FormSubmitController } from '../form-controller-BR0gZhrG.js'; import { T as TypeStatus } from '../constants-CcB9aXsT.js'; /** * @since 1.0.0 * @status stable * * @tagname kemet-checkbox * @summary An enhanced checkbox. * * @prop {string} label - Label text for the checkbox * @prop {boolean} checked - Determines if the checkbox is selected * @prop {boolean} indeterminate - An indeterminate selection status * @prop {string} name - Name of the checkbox * @prop {string} value - Value of the checkbox * @prop {boolean} disabled - Determines if a checkbox is disabled * @prop {boolean} required - Determines if a checkbox is required * @prop {boolean} focused - Is true when the checkbox is focused * @prop {boolean} rounded - Gives the checkbox rounded edges * @prop {boolean} filled - Fills the checkbox with color * @prop {TypeStatus} status - The status of the checkbox * @prop {string} message - Message associated with checkbox status * * @csspart label - The label element. * @csspart text - The label's text. * @csspart mark - The icon of the check mark. * * @cssproperty --kemet-checkbox-size - The width and height of the checkbox. * @cssproperty --kemet-checkbox-color - The color of the checkbox mark. * @cssproperty --kemet-checkbox-border - The border of the checkbox. * @cssproperty --kemet-checkbox-border-radius - The border radius of the checkbox. * @cssproperty --kemet-checkbox-filled-color - The filled color of the checkbox mark. * @cssproperty --kemet-checkbox-filled-background-color - The filled background color. * * @event kemet-change - Fires when the state of the checkbox changes * @event kemet-focus - Fires when the checkbox receives focus * @event kemet-blur - Fires when the checkbox loses focus * */ declare class KemetCheckbox extends LitElement { /** @internal */ formSubmitController: FormSubmitController; static styles: lit.CSSResult[]; label: string; checked: boolean; indeterminate: boolean; name: string; value: boolean; disabled: boolean; required: boolean; focused: boolean; rounded: boolean; filled: boolean; status: TypeStatus; message: string; input: HTMLInputElement; constructor(); render(): lit_html.TemplateResult<1>; /** * Simulates a click on the input element. * @public * @method click * @returns {void} */ click(): void; handleClick(): void; handleBlur(): void; handleFocus(): void; handleChange(): void; makeMessage(): lit_html.TemplateResult<1>; makeCheckMark(): lit_html.TemplateResult<1>; checkValidity(): boolean; } declare global { interface HTMLElementTagNameMap { 'kemet-checkbox': KemetCheckbox; } } export { KemetCheckbox as default };