Class CustomElementStepper

An interactive number stepper with exponential display and complex handling using keyboard and mouse

Hierarchy (View Summary)

CustomElement
- CustomElementStepper

Index

Constructors

Properties

Accessors

Methods

activateInnerTabs appendLabel cloneNode connectedCallback getMantissaAndExponent getMutatorValue openInput setLabel setMutatorValue toString get register

Constructors

constructor

new CustomElementStepper(
_attributes?: CustomElementAttributes,
): CustomElementStepper
Parameters
- Optional_attributes: CustomElementAttributes
Returns CustomElementStepper
Overrides CustomElement.constructor
- Defined in CustomElement/CustomElementStepper.ts:12

Properties

value

value: number = 0

`Static`tag

tag: string

Accessors

key

get key(): string
Return the key (name) of the attribute this element represents

Returns string
Inherited from CustomElement.key
- Defined in CustomElement/CustomElement.ts:72

Methods

activateInnerTabs

activateInnerTabs(_on: boolean): void
De-/Activates tabbing for the inner digits
Parameters
- _on: boolean
Returns void
- Defined in CustomElement/CustomElementStepper.ts:68

appendLabel

appendLabel(): HTMLLabelElement
Add a label-element as child to this element

Returns HTMLLabelElement
Inherited from CustomElement.appendLabel
- Defined in CustomElement/CustomElement.ts:79

cloneNode

cloneNode(_deep: boolean): Node
Workaround reconnection of clone
Parameters
- _deep: boolean
Returns Node
Inherited from CustomElement.cloneNode
- Defined in CustomElement/CustomElement.ts:104

connectedCallback

connectedCallback(): void
Creates the content of the element when connected the first time

Returns void
- Defined in CustomElement/CustomElementStepper.ts:21

getMantissaAndExponent

getMantissaAndExponent(): number[]
Retrieve mantissa and exponent separately as an array of two members

Returns number[]
- Defined in CustomElement/CustomElementStepper.ts:113

getMutatorValue

getMutatorValue(): number
Retrieve the value of this

Returns number
Overrides CustomElement.getMutatorValue
- Defined in CustomElement/CustomElementStepper.ts:96

openInput

openInput(_open: boolean): void
Opens/Closes a standard number input for typing the value at once
Parameters
- _open: boolean
Returns void
- Defined in CustomElement/CustomElementStepper.ts:82

setLabel

setLabel(_label: string): void
Parameters
- _label: string
Returns void
Inherited from CustomElement.setLabel
- Defined in CustomElement/CustomElement.ts:89

setMutatorValue

setMutatorValue(_value: number): void
Sets its value and displays it
Parameters
- _value: number
Returns void
Overrides CustomElement.setMutatorValue
- Defined in CustomElement/CustomElementStepper.ts:102

toString

toString(): string
Retrieves this value as a string

Returns string
- Defined in CustomElement/CustomElementStepper.ts:125

`Static`get

get(_type: string): typeof CustomElement
Retrieve the element representing the given data type (if registered)
Parameters
- _type: string
Returns typeof CustomElement
Inherited from CustomElement.get
- Defined in CustomElement/CustomElement.ts:57

`Static`register

register(
    _tag: string,
    _typeCustomElement: typeof CustomElement,
    _typeObject?: ObjectConstructor,
): void
Register map the given element type to the given tag and the given type of data
Parameters
- _tag: string
- _typeCustomElement: typeof CustomElement
- Optional_typeObject: ObjectConstructor
Returns void
Inherited from CustomElement.register
- Defined in CustomElement/CustomElement.ts:44