src/interfaces/element.ts
Properties |
:-webkit-autofill |
:-webkit-autofill:
|
Type : any
|
Defined in src/interfaces/element.ts:52
|
::placeholder |
::placeholder:
|
Type : any
|
Defined in src/interfaces/element.ts:50
|
::selection |
::selection:
|
Type : any
|
Defined in src/interfaces/element.ts:51
|
:focus |
:focus:
|
Type : any
|
Defined in src/interfaces/element.ts:49
|
:hover |
:hover:
|
Type : any
|
Defined in src/interfaces/element.ts:48
|
color |
color:
|
Type : any
|
Defined in src/interfaces/element.ts:35
|
fontFamily |
fontFamily:
|
Type : any
|
Defined in src/interfaces/element.ts:36
|
fontSize |
fontSize:
|
Type : any
|
Defined in src/interfaces/element.ts:37
|
fontSmoothing |
fontSmoothing:
|
Type : any
|
Defined in src/interfaces/element.ts:38
|
fontStyle |
fontStyle:
|
Type : any
|
Defined in src/interfaces/element.ts:39
|
fontVariant |
fontVariant:
|
Type : any
|
Defined in src/interfaces/element.ts:41
|
fontWeight |
fontWeight:
|
Type : any
|
Defined in src/interfaces/element.ts:40
|
iconColor |
iconColor:
|
Type : any
|
Defined in src/interfaces/element.ts:42
|
letterSpacing |
letterSpacing:
|
Type : any
|
Defined in src/interfaces/element.ts:44
|
lineHeight |
lineHeight:
|
Type : any
|
Defined in src/interfaces/element.ts:43
|
textDecoration |
textDecoration:
|
Type : any
|
Defined in src/interfaces/element.ts:45
|
textShadow |
textShadow:
|
Type : any
|
Defined in src/interfaces/element.ts:46
|
textTransform |
textTransform:
|
Type : any
|
Defined in src/interfaces/element.ts:47
|
export interface Element {
mount(el: HTMLElement | string): void;
on(ev: ElementEventType, handler: (ev?: any) => void): void;
blur(): void;
clear(): void;
focus(): void;
unmount(): void;
update(options: ElementOptions): void;
}
export type ElementEventType = 'blur' | 'change' | 'click' | 'focus' | 'ready';
export type ElementType =
| 'card'
| 'cardNumber'
| 'cardExpiry'
| 'cardCvc'
| 'postalCode';
export interface ElementOptions {
style?: {
base?: ElementStyleAttributes;
complete?: ElementStyleAttributes;
empty?: ElementStyleAttributes;
invalid?: ElementStyleAttributes;
};
hidePostalCode?: boolean;
hideIcon?: boolean;
iconStyle?: 'solid' | 'default';
placeholder?: string;
value?: string | object;
}
export interface ElementStyleAttributes {
color?: any;
fontFamily?: any;
fontSize?: any;
fontSmoothing?: any;
fontStyle?: any;
fontWeight?: any;
fontVariant?: any;
iconColor?: any;
lineHeight?: any;
letterSpacing?: any;
textDecoration?: any;
textShadow?: any;
textTransform?: any;
':hover'?: any;
':focus'?: any;
'::placeholder'?: any;
'::selection'?: any;
':-webkit-autofill'?: any;
}