Class IntegerRangeSelect

A compact integer range selector based on native input[type=range]. Emits a 'valuechange' event when the slider change is committed.

Index

Constructors

Properties

host config input valueText selected

Accessors

Methods

destroy setRange onInput onChange syncDisplay clamp

Constructors

constructor

new IntegerRangeSelect(
target: HTMLElement,
config?: IntegerRangeSelectConfig,
): IntegerRangeSelect
Creates an IntegerRangeSelect component inside the given element.
Parameters
- target: HTMLElement
  The host element that will contain the range slider.
- config: IntegerRangeSelectConfig = {}
  Optional range bounds and display configuration.
Returns IntegerRangeSelect
- Defined in src/editor/inputs/integer.range.select.ts:79

Properties

`Protected`host

host: HTMLElement

`Protected`config

config: Required<IntegerRangeSelectConfig>

`Protected`input

input: HTMLInputElement

`Protected`valueText

valueText: HTMLSpanElement

`Protected`selected

selected: number

Accessors

value

get value(): number
Gets the currently selected integer value.

Returns number
- Defined in src/editor/inputs/integer.range.select.ts:125
set value(value: number): void
Sets the currently selected integer value.
Parameters
- value: number
Returns void
- Defined in src/editor/inputs/integer.range.select.ts:132

disabled

get disabled(): boolean
Gets whether the control is disabled.

Returns boolean
- Defined in src/editor/inputs/integer.range.select.ts:141
set disabled(value: boolean): void
Disables or enables the control.
Parameters
- value: boolean
Returns void
- Defined in src/editor/inputs/integer.range.select.ts:148

Methods

destroy

destroy(): void
Releases DOM/event resources owned by the control.

Returns void
- Defined in src/editor/inputs/integer.range.select.ts:116

setRange

setRange(min: number, max: number, step?: number, value?: number): void
Updates the selectable range and optional current value.
Parameters
- min: number
- max: number
- step: number = 1
- Optionalvalue: number
Returns void
- Defined in src/editor/inputs/integer.range.select.ts:160

`Protected` `Readonly`onInput

onInput(): void
Fires on every input event to keep the display in sync while dragging.

Returns void
- Defined in src/editor/inputs/integer.range.select.ts:175

`Protected` `Readonly`onChange

onChange(): void
Fires on the change event when the user releases the slider, and emits 'valuechange'.

Returns void
- Defined in src/editor/inputs/integer.range.select.ts:184

`Protected`syncDisplay

syncDisplay(): void
Updates the visible value text element to reflect the current selection.

Returns void
- Defined in src/editor/inputs/integer.range.select.ts:194

`Protected`clamp

clamp(value: number): number
Clamps and rounds a raw number to the configured min/max range.
Parameters
- value: number
  The raw value to clamp.
Returns number
The clamped integer value.
- Defined in src/editor/inputs/integer.range.select.ts:203