@ngx-uk-frontend/core
Version:
Core utilities and shared functionality for ngx-uk-frontend libraries
33 lines (32 loc) • 3.01 kB
TypeScript
import { CommonFormInputDirective } from '@ngx-uk-frontend/core/form-utils';
import * as i0 from "@angular/core";
/**
* Core text input directive that provides common functionality
* for text input components across different design systems.
*
* This directive handles:
* - Input type configuration
* - Width sizing options
* - Input mode and pattern attributes
* - Autocomplete and accessibility features
* - Form control integration
*/
export declare class TextInputDirective {
readonly ngControl: import("@angular/forms").FormControlDirective | import("@angular/forms").FormControlName | import("@angular/forms").NgModel;
readonly commonFormInput: CommonFormInputDirective;
readonly type: import("@angular/core").InputSignal<string>;
readonly inputmode: import("@angular/core").InputSignal<string | undefined>;
readonly pattern: import("@angular/core").InputSignal<string | undefined>;
readonly autocomplete: import("@angular/core").InputSignal<string | undefined>;
readonly spellcheck: import("@angular/core").InputSignal<boolean | undefined>;
readonly autocapitalize: import("@angular/core").InputSignal<string | undefined>;
readonly width: import("@angular/core").InputSignal<"full" | "three-quarters" | "two-thirds" | "one-half" | "one-third" | "one-quarter" | undefined>;
readonly fixedWidth: import("@angular/core").InputSignal<2 | 3 | 4 | 5 | 10 | 20 | undefined>;
readonly disabled: import("@angular/core").InputSignal<boolean>;
readonly readonly: import("@angular/core").InputSignal<boolean>;
readonly placeholder: import("@angular/core").InputSignal<string | undefined>;
readonly maxlength: import("@angular/core").InputSignal<number | undefined>;
readonly minlength: import("@angular/core").InputSignal<number | undefined>;
static ɵfac: i0.ɵɵFactoryDeclaration<TextInputDirective, never>;
static ɵdir: i0.ɵɵDirectiveDeclaration<TextInputDirective, "[libTextInput]", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "inputmode": { "alias": "inputmode"; "required": false; "isSignal": true; }; "pattern": { "alias": "pattern"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "spellcheck": { "alias": "spellcheck"; "required": false; "isSignal": true; }; "autocapitalize": { "alias": "autocapitalize"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "fixedWidth": { "alias": "fixedWidth"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "minlength": { "alias": "minlength"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
}