import { KbqInputModule } from '@koobiq/components/input';

A directive which installs the MinValidator for any `formControlName`, `formControl`, or control with `ngModel` that also has a `min` attribute.

Selector: [min][formControlName],[min][formControl],[min][ngModel]

Properties
Name Description
@Input()
min: number
Methods
registerOnValidatorChange
validate

Selector: input[kbqInputPassword]

Exported as: kbqInputPassword
Properties
Name Description
@Input()
disabled: boolean
@Input()
errorStateMatcher: ErrorStateMatcher
An object used to control when error messages are shown.
@Input()
id: string
@Input()
required: boolean
@Input()
value: string
checkRule: Subject
defaultErrorStateMatcher: ErrorStateMatcher
elementType: string
errorState: boolean Whether the component is in an error state.
ngControl: NgControl
parentForm: NgForm
parentFormGroup: FormGroupDirective
previousNativeValue: any
uid: string
Methods
checkRules
dirtyCheckNativeValue
Does some manual dirty checking on the native input `value` property.
focus
Focuses the input.
focusChanged
Callback for the cases where the focused state of the input changes.
isBadInput
Checks whether the input is invalid based on the native validation.
onBlur
onInput
toggleType
updateErrorState

Selector: input[kbqInput],input[kbqNumberInput]

Exported as: kbqInput
Properties
Name Description
@Input()
disabled: boolean
@Input()
errorStateMatcher: ErrorStateMatcher
An object used to control when error messages are shown.
@Input()
id: string
@Input()
required: boolean
@Input()
type: string
Input type of the element.
@Input()
value: string
defaultErrorStateMatcher: ErrorStateMatcher
errorState: boolean Whether the component is in an error state.
neverEmptyInputTypes: string[]
ngControl: NgControl
numberInput: KbqNumberInput
parentForm: NgForm
parentFormGroup: FormGroupDirective
previousNativeValue: any
uid: string
Methods
dirtyCheckNativeValue
Does some manual dirty checking on the native input `value` property.
focus
Focuses the input.
focusChanged
Callback for the cases where the focused state of the input changes.
isBadInput
Checks whether the input is invalid based on the native validation.
isNeverEmpty
Checks whether the input type is one of the types that are never empty.
onBlur
updateErrorState
validateType
Make sure the input is a supported type.

A directive which installs the MaxValidator for any `formControlName`, `formControl`, or control with `ngModel` that also has a `min` attribute.

Selector: [max][formControlName],[max][formControl],[max][ngModel]

Properties
Name Description
@Input()
max: string | number
Methods
registerOnValidatorChange
validate

Selector: input[kbqNumberInput]

Exported as: kbqNumericalInput
Properties
Name Description
@Input()
bigStep: number
@Input()
disabled: boolean
@Input()
integer: boolean
Allows input and pasting of integers only.
@Input()
max: number
@Input()
min: number
@Input()
startFormattingFrom: number
Include thousand separator from custom index. For example, it will be useful in tables.
@Input()
step: number
@Input()
value: number
@Input()
withThousandSeparator: boolean
controlType: string
disabledChange: EventEmitter Emits when the disabled state has changed
empty: boolean
errorState: boolean
focused: boolean
fractionSeparator: string
groupSeparator: string[]
id: string
nativeElement: HTMLInputElement
ngControl: any
onTouched: () => void
placeholder: string
required: boolean
stateChanges: Subject
valueChange: EventEmitter Emits when the value changes (either due to user input or programmatic change).
viewValue: string
Methods
focus
focusChanged
onContainerClick
onInput
onKeyDown
onPaste
stepDown
stepUp

Selector: input[kbqInputMonospace]

Exported as: KbqInputMonospace
const normalizeSplitter(value: string): string;
Parameters Description
value: string
const isFloat(value: string): boolean;
Parameters Description
value: string
const isInt(value: string): boolean;
Parameters Description
value: string
const isDigit(value: string): boolean;
Parameters Description
value: string
const getPrecision(value: number): number;
Parameters Description
value: number
const add(value1: number, value2: number): number;
Parameters Description
value1: number
value2: number
const KBQ_INPUT_VALUE_ACCESSOR: InjectionToken<{ value: any; }>;
const MIN_VALIDATOR: Provider;
const KBQ_INPUT_NUMBER_DEFAULT_CONFIGURATION: { groupSeparator: string[]; fractionSeparator: string; startFormattingFrom: number; viewGroupSeparator: string; };
const BIG_STEP: number;
const SMALL_STEP: number;
const MAX_VALIDATOR: Provider;
const KBQ_NUMBER_INPUT_VALUE_ACCESSOR: any;
Docs Feedback
If you have any questions or would like to contribute to writing the documentation, please create an issue in our GitHub repository.