CngxSliderInteractionOptions

Interface

projects/common/interactive/slider/slider-interaction.ts

Info
API

Import#

import { CngxSliderInteractionOptions } from '@cngx/common/interactive'

Description#

Options for createSliderInteraction.

Index#

Properties

core direction el

Methods

disabled fractionFromPointer pageStep

Instance Properties#

core#CngxSliderCore

Readonly

The value core the handlers drive.

direction#Signal

Readonly

Document writing direction. Flips the inline-axis arrows (increase / decrease) under rtl per the APG slider pattern; the block axis (ArrowUp/ArrowDown) and Page/Home/End stay invariant.

el#HTMLElement

Readonly

The focusable host element (pointer-capture target).

Methods#

disabled#boolean

Whether interaction is currently disabled.

fractionFromPointer#number

fractionFromPointer(clientX: number, clientY: number)

Map a pointer position to a 0..1 track fraction.

@paramclientXnumber

@paramclientYnumber

pageStep#number

Page-key jump size (absolute).