Class Range`Abstract`

A slider to select a value from a range.

Attribute

disabled - Whether the range is disabled. When disabled, the slider value cannot be changed, and the slider thumb is hidden.

Hierarchy

HTMLElement & StateReceiverElement<this>
- Range

Constructors

constructor

new Range(options: RangeOptions): Range
Parameters
- options: RangeOptions
Returns Range
Overrides StateReceiverMixin(HTMLElement, ['deviceType']).constructor
- Defined in components/Range.ts:36

Properties

`Protected` `Readonly`_pointerEl

_pointerEl: HTMLElement

`Protected` `Readonly`_rangeEl

_rangeEl: HTMLInputElement

`Optional`activeVideoQuality

activeVideoQuality?: VideoQuality

`Optional`error

error?: THEOplayerError

`Optional`fullscreen

fullscreen?: boolean

`Optional`playbackRate

playbackRate?: number

`Optional`player

player?: ChromelessPlayer

`Optional`previewTime

previewTime?: number

`Optional`streamType

streamType?: StreamType

`Optional`targetVideoQualities

targetVideoQualities?: VideoQuality[]

`Readonly`theoplayerUiObservedProperties

theoplayerUiObservedProperties: (keyof StateReceiverPropertyMap)[]

The names of the properties this element will receive.

Accessors

deviceType

get deviceType(): DeviceType
Returns DeviceType
Overrides StateReceiverMixin(HTMLElement, ['deviceType']).deviceType
- Defined in components/Range.ts:141
set deviceType(deviceType: DeviceType): void
Parameters
- deviceType: DeviceType
Returns void
Overrides StateReceiverMixin(HTMLElement, ['deviceType']).deviceType
- Defined in components/Range.ts:145

disabled

get disabled(): boolean
Whether the range is disabled.

When disabled, the slider value cannot be changed, and the slider thumb is hidden.

Returns boolean
- Defined in components/Range.ts:83
set disabled(disabled: boolean): void
Parameters
- disabled: boolean
Returns void
- Defined in components/Range.ts:87

max

get max(): number
The maximum allowed value.

Returns number
- Defined in components/Range.ts:118
set max(max: number): void
Parameters
- max: number
Returns void
- Defined in components/Range.ts:122

min

get min(): number
The minimum allowed value.

Returns number
- Defined in components/Range.ts:106
set min(min: number): void
Parameters
- min: number
Returns void
- Defined in components/Range.ts:110

step

get step(): number | "any"
The granularity at which the value can change.

If set to "any", the value can change with arbitrary precision.

Returns number | "any"
- Defined in components/Range.ts:132
set step(step: number | "any"): void
Parameters
- step: number | "any"
Returns void
- Defined in components/Range.ts:137

value

get value(): number
The current value.

Returns number
- Defined in components/Range.ts:94
set value(value: number): void
Parameters
- value: number
Returns void
- Defined in components/Range.ts:98

`Static`observedAttributes

get observedAttributes(): Attribute[]
Returns Attribute[]
- Defined in components/Range.ts:27

Methods

`Protected`_upgradeProperty

_upgradeProperty(prop: keyof Range): void
Parameters
- prop: keyof Range
Returns void
- Defined in components/Range.ts:57

attributeChangedCallback

attributeChangedCallback(attrName: string, oldValue: any, newValue: any): void
Parameters
- attrName: string
- oldValue: any
- newValue: any
Returns void
- Defined in components/Range.ts:149

connectedCallback

connectedCallback(): void
Returns void
- Defined in components/Range.ts:65

disconnectedCallback

disconnectedCallback(): void
Returns void
- Defined in components/Range.ts:74

`Protected` `Abstract`getAriaLabel

getAriaLabel(): string
The value for the aria-label attribute of the <input type="range"> element.

Returns string
- Defined in components/Range.ts:189

`Protected` `Abstract`getAriaValueText

getAriaValueText(): string
The value for the aria-valuetext attribute of the <input type="range"> element.

Returns string
- Defined in components/Range.ts:194

`Protected`getBarColors

getBarColors(): ColorStops
Build the color gradient for the range bar. Creating an array so progress-bar can insert the buffered bar.

Returns ColorStops
- Defined in components/Range.ts:213

`Protected`getMinimumStepForVisibleChange_

getMinimumStepForVisibleChange_(): number
Returns number
- Defined in components/Range.ts:248

`Protected`handleInput

handleInput(): void
Returns void
- Defined in components/Range.ts:171

`Protected`handleKeyDown_

handleKeyDown_(e: KeyboardEvent): void
Parameters
- e: KeyboardEvent
Returns void
- Defined in components/Range.ts:279

`Protected`update

update(useCachedWidth?: boolean): void
Parameters
- OptionaluseCachedWidth: boolean
Returns void
- Defined in components/Range.ts:175

`Protected`updatePointer_

updatePointer_(mousePercent: number, rangeRect: DOMRectReadOnly): void
Parameters
- mousePercent: number
- rangeRect: DOMRectReadOnly
Returns void
- Defined in components/Range.ts:271