import { type EventEmitter, type MixedInCtor } from "../stencil-public-runtime"; export declare const inputMixin: (Base: B) => { new (...args: any[]): { /** * Custom validation message. If set, the input is considered invalid by the * browser, and if wrapped by a field component, the message is displayed. * If not set, the input is considered valid. */ validity?: string; /** * Event emitted when the input value changes. If you want to do custom * validation, use the `scoutValidate` event instead to ensure forms are * blocked by the browser when invalid. */ scoutInputChange: EventEmitter<{ value: string; element: HTMLElement; }>; scoutBlur: EventEmitter; /** * Event emitted when the input needs to be validated. This is where you * implement your custom validation. Set any possible validation message * using the `validity` prop. */ scoutValidate: EventEmitter<{ value: string; element: HTMLElement; }>; /** * Internal event used for form field validation. */ _scoutValidityChanged: EventEmitter<{ element: HTMLElement; }>; /** * Internal event used for form field validation. */ _scoutInvalid: EventEmitter; /** * Internal event used for form field association. */ _scoutFieldId: EventEmitter; ariaId: string; "__#5@#inputElement": HTMLButtonElement | HTMLInputElement | HTMLOutputElement | HTMLSelectElement | HTMLTextAreaElement; componentWillLoad(): void; componentDidLoad(): void; onInput(): void; onBlur(): void; onInvalid(): void; emitValidityEvent(value?: string): void; runValidation(): void; setInputRef(el: HTMLButtonElement | HTMLInputElement | HTMLOutputElement | HTMLSelectElement | HTMLTextAreaElement | undefined): void; }; } & B;