kage-ui
Version:
A minimal, border-focused Angular UI component library.
34 lines (33 loc) • 3.45 kB
TypeScript
import { ElementRef, AfterViewInit } from '@angular/core';
import { ControlValueAccessor } from '@angular/forms';
import * as i0 from "@angular/core";
export declare class KageInput implements ControlValueAccessor, AfterViewInit {
label: import("@angular/core").InputSignal<string>;
name: import("@angular/core").InputSignal<string>;
type: import("@angular/core").InputSignal<string>;
placeholder: import("@angular/core").InputSignal<string>;
disabled: import("@angular/core").ModelSignal<boolean>;
readonly: import("@angular/core").InputSignal<boolean>;
autoFocus: import("@angular/core").InputSignal<boolean>;
debounce: import("@angular/core").InputSignal<number | undefined>;
autocomplete: import("@angular/core").InputSignal<InputAutoComplete>;
cssClass: import("@angular/core").InputSignal<string | undefined>;
valueChanged: import("@angular/core").OutputEmitterRef<string>;
maxLength: import("@angular/core").InputSignal<number | undefined>;
inputRef: ElementRef;
private debouncer;
value: string;
private platformId;
onChange: (_: any) => void;
onTouched: () => void;
ngAfterViewInit(): void;
writeValue(val: any): void;
registerOnChange(fn: any): void;
registerOnTouched(fn: any): void;
setDisabledState?(isDisabled: boolean): void;
handleInput(event: Event): void;
updateValue(val: string): void;
static ɵfac: i0.ɵɵFactoryDeclaration<KageInput, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<KageInput, "kage-input", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "autoFocus": { "alias": "autoFocus"; "required": false; "isSignal": true; }; "debounce": { "alias": "debounce"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "cssClass": { "alias": "cssClass"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; "valueChanged": "valueChanged"; }, never, ["[slot='icon-start']", "[slot='icon-end']", "[slot='hint']", "[slot='error']"], true, never>;
}
export type InputAutoComplete = 'on' | 'off' | 'address-line1' | 'address-line2' | 'address-line3' | 'address-level1' | 'address-level2' | 'address-level3' | 'address-level4' | 'street-address' | 'country' | 'country-name' | 'postal-code' | 'name' | 'additional-name' | 'family-name' | 'given-name' | 'honoric-prefix' | 'honoric-suffix' | 'nickname' | 'organization-title' | 'username' | 'new-password' | 'current-password' | 'bday' | 'bday-day' | 'bday-month' | 'bday-year' | 'sex' | 'one-time-code' | 'organization' | 'cc-name' | 'cc-given-name' | 'cc-additional-name' | 'cc-family-name' | 'cc-number' | 'cc-exp' | 'cc-exp-month' | 'cc-exp-year' | 'cc-csc' | 'cc-type' | 'transaction-currency' | 'transaction-amount' | 'language' | 'url' | 'email' | 'photo' | 'tel' | 'tel-country-code' | 'tel-national' | 'tel-area-code' | 'tel-local' | 'tel-local-prefix' | 'tel-local-suffix' | 'tel-extension' | 'impp';