Input Stepper: API Table
class: LionInputStepper, lion-input-stepper
Fields
| Name | Privacy | Type | Default | Description | Inherited From |
|---|---|---|---|---|---|
currentValue | public | ||||
formatter | public | formatNumber | |||
max | public | number | Infinity | ||
min | public | number | Infinity | ||
parser | public | parseNumber | |||
placeholder | public | string | '' | LionInput | |
readOnly | public | boolean | false | A Boolean attribute which, if present, indicates that the user should not be able to edit the value of the input. The difference between disabled and readonly is that read-only controls can still function, whereas disabled controls generally do not function as controls until they are enabled. (From: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly) | LionInput |
slots | public | LionInput | |||
step | public | number | 1 | ||
timer | public | ReturnType<typeof setTimeout> | undefined | undefined | Id of the timeout that clears the visually hidden value text again. Declared as `ReturnType<typeof setTimeout>` rather than left to inference: with `@types/node` in the type build, inference puts `NodeJS.Timeout` in the declarations, which consumers that do not load node types cannot resolve. | |
type | public | string | 'text' | LionInput | |
values | public | object | { max: this.max, min: this.min, step: this.step, } | ||
valueTextMapping | public | {[key: number]: string} | {} | The aria-valuetext attribute defines the human-readable text alternative of aria-valuenow. | |
_feedbackConditionMeta | protected | LionField | |||
_focusableNode | protected | LionField | |||
_inputNode | protected | HTMLInputElement | LionInput |
Methods
| Name | Privacy | Description | Parameters | Return | Inherited From |
|---|---|---|---|---|---|
clear | public | Clears modelValue. Interaction states are not cleared (use resetInteractionState for this) | LionField | ||
reset | public | Resets modelValue to initial value. Interaction states are cleared | LionField | ||
resetInteractionState | public | LionField | |||
_decrement | protected | Decrement the value based on given step or default step value is 1 | ev: Event | ||
_decrementorSignTemplate | protected | Get the decrementor button sign template | String|TemplateResult | ||
_decrementorTemplate | protected | Get the increment button template | TemplateResult | ||
_destroyOutputContent | protected | ||||
_increment | protected | Increment the value based on given step or default step value is 1 | ev: Event | ||
_incrementorSignTemplate | protected | Get the incrementor button sign template | String|TemplateResult | ||
_incrementorTemplate | protected | Get the decrement button template | TemplateResult | ||
_inputGroupTemplate | protected | ||||
_onChange | protected | Toggle +/- buttons on change | ev: Event= | LionField | |
_updateAriaAttributes | protected |
Events
| Name | Type | Description | Inherited From |
|---|---|---|---|
user-input-changed | Event | LionField |
Attributes
| Name | Field | Inherited From |
|---|---|---|
min | min | |
max | max | |
valueTextMapping | valueTextMapping | |
step | step | |
readonly | readOnly | LionInput |
type | type | LionInput |
placeholder | placeholder | LionInput |