import TinyHtmlInput from '../../TinyHtmlInput.mjs'; /** * TinyHtmlTelInput is a helper class for managing elements. * It supports all standard attributes relevant for telephone inputs, * including minlength, maxlength, pattern, autocomplete, and more. * * @example * const telInput = new TinyHtmlTelInput({ * name: 'phone', * placeholder: 'Enter your phone number', * required: true, * minlength: 8, * maxlength: 15, * pattern: '[0-9]+' * }); * * @extends TinyHtmlInput */ declare class TinyHtmlTelInput extends TinyHtmlInput { /** * Creates a new TinyHtmlTelInput instance. * @param {Object} config - Configuration object. * @param {string} [config.value] - Initial value of the input. * @param {number} [config.minlength] - Minimum number of characters allowed. * @param {number} [config.maxlength] - Maximum number of characters allowed. * @param {string} [config.name] - The name of the control. * @param {string} [config.autocomplete] - Autocomplete hint (e.g., "on", "off", "tel", "email"). * @param {'none'|'sentences'|'words'|'characters'} [config.autocapitalize] - Auto-capitalization behavior. * @param {string} [config.dirname] - Name for directionality field. * @param {number} [config.size] - Size of the input box in characters. * @param {string} [config.list] - ID of a . * @param {boolean} [config.readonly=false] - Whether the input is read-only. * @param {boolean} [config.required=false] - Whether the input is required. * @param {string} [config.placeholder] - Placeholder text. * @param {string} [config.pattern] - Regular expression pattern for validation. * @param {string|string[]|Set} [config.tags=[]] - Initial CSS classes. * @param {string} [config.mainClass=''] - Main CSS class. * @throws {TypeError} If any attribute is of the wrong type. */ constructor({ value, minlength, maxlength, name, autocomplete, autocapitalize, dirname, size, list, readonly, required, placeholder, pattern, tags, mainClass, }?: { value?: string; minlength?: number; maxlength?: number; name?: string; autocomplete?: string; autocapitalize?: 'none' | 'sentences' | 'words' | 'characters'; dirname?: string; size?: number; list?: string; readonly?: boolean; required?: boolean; placeholder?: string; pattern?: string; tags?: string | string[] | Set; mainClass?: string; }); /** @param {string} value */ set value(value: string); /** @returns {string} */ get value(): string; /** @param {number} minlength */ set minlength(minlength: number); /** @returns {number|null} */ get minlength(): number | null; /** @param {number} maxlength */ set maxlength(maxlength: number); /** @returns {number|null} */ get maxlength(): number | null; /** @param {string} pattern */ set pattern(pattern: string); /** @returns {string|null} */ get pattern(): string | null; /** @param {string} list */ set list(list: string); /** @returns {string|null} */ get list(): string | null; /** @param {'none'|'sentences'|'words'|'characters'} autocapitalize */ set autocapitalize(autocapitalize: 'none' | 'sentences' | 'words' | 'characters'); /** @returns {string|null} */ get autocapitalize(): string | null; /** @param {string} autocomplete */ set autocomplete(autocomplete: string); /** @returns {string|null} */ get autocomplete(): string | null; /** @param {string} dirname */ set dirname(dirname: string); /** @returns {string|null} */ get dirname(): string | null; } export default TinyHtmlTelInput; //# sourceMappingURL=TinyHtmlTelInput.d.mts.map