Class: UiTouchSliderFocusModule

A module which handles UI focus for a touchscreen slider.

The module syncs whether it can be focused with whether its parent slider is enabled and visible. When registered with a focus controller, the module will attempt to set focus on itself. Finally, the module handles adding the ui-slider-focused CSS class to the slider's class list when focused.

Implements

• UiFocusableComponent

Constructors

constructor

• new UiTouchSliderFocusModule(slider, isSliderVisible, isSliderEnabled, sliderCanBeFocused, cssClass?, options?): UiTouchSliderFocusModule

Creates a new instance of UiTouchSliderFocusModule.

Parameters

Name	Type	Description
slider	UiFocusableComponent	This module's parent slider.
isSliderVisible	undefined | boolean | Subscribable<boolean>	Whether this module's parent slider is visible.
isSliderEnabled	undefined | boolean | Subscribable<boolean>	Whether this module's parent slider is enabled.
sliderCanBeFocused	undefined | boolean | Subscribable<boolean>	Whethe this module's parent slider can be focused.
cssClass?	string | ToggleableClassNameRecord | SubscribableSet<string>	CSS class(es) to apply to this module's parent slider.
options?	Readonly<UiTouchSliderFocusModuleOptions>	Options with which to configure this module.

Returns

UiTouchSliderFocusModule

Defined in

src/workingtitle-instruments-g3x-touch/html_ui/Pages/VCockpit/Instruments/NavSystems/G3XTouch/Shared/Components/TouchSlider/UiTouchSliderFocusModule.ts:59

Properties

canBeFocused

• Readonly canBeFocused: Subscribable<boolean>

Whether this component can be focused.

Implementation of

UiFocusableComponent.canBeFocused

Defined in

src/workingtitle-instruments-g3x-touch/html_ui/Pages/VCockpit/Instruments/NavSystems/G3XTouch/Shared/Components/TouchSlider/UiTouchSliderFocusModule.ts:36

---

cssClass

• Readonly cssClass: SubscribableSet<string>

The set of CSS classes to apply to this module's parent button, including any that are applied by this module.

Defined in

src/workingtitle-instruments-g3x-touch/html_ui/Pages/VCockpit/Instruments/NavSystems/G3XTouch/Shared/Components/TouchSlider/UiTouchSliderFocusModule.ts:46

---

isEnabled

• Readonly isEnabled: Subscribable<boolean>

Whether this module's parent button is enabled.

Defined in

src/workingtitle-instruments-g3x-touch/html_ui/Pages/VCockpit/Instruments/NavSystems/G3XTouch/Shared/Components/TouchSlider/UiTouchSliderFocusModule.ts:39

---

isUiFocusableComponent

• Readonly isUiFocusableComponent: true

Flags this component as a UiFocusableComponent.

Implementation of

UiFocusableComponent.isUiFocusableComponent

Defined in

src/workingtitle-instruments-g3x-touch/html_ui/Pages/VCockpit/Instruments/NavSystems/G3XTouch/Shared/Components/TouchSlider/UiTouchSliderFocusModule.ts:30

---

isVisible

• Readonly isVisible: Subscribable<boolean>

Whether this module's parent button is visible.

Defined in

src/workingtitle-instruments-g3x-touch/html_ui/Pages/VCockpit/Instruments/NavSystems/G3XTouch/Shared/Components/TouchSlider/UiTouchSliderFocusModule.ts:42

Methods

destroy

▸ destroy(): void

Destroys this module.

Returns

void

Defined in

src/workingtitle-instruments-g3x-touch/html_ui/Pages/VCockpit/Instruments/NavSystems/G3XTouch/Shared/Components/TouchSlider/UiTouchSliderFocusModule.ts:146

---

focusSlider

▸ focusSlider(): void

Attempts to set focus on this module's parent slider.

Returns

void

Defined in

src/workingtitle-instruments-g3x-touch/html_ui/Pages/VCockpit/Instruments/NavSystems/G3XTouch/Shared/Components/TouchSlider/UiTouchSliderFocusModule.ts:97

---

onDeregistered

▸ onDeregistered(): void

Responds to when this component is deregistered with a controller.

Returns

void

Implementation of

UiFocusableComponent.onDeregistered

Defined in

src/workingtitle-instruments-g3x-touch/html_ui/Pages/VCockpit/Instruments/NavSystems/G3XTouch/Shared/Components/TouchSlider/UiTouchSliderFocusModule.ts:116

---

onFocusGained

▸ onFocusGained(): void

Responds to when this component gains focus.

Returns

void

Implementation of

UiFocusableComponent.onFocusGained

Defined in

src/workingtitle-instruments-g3x-touch/html_ui/Pages/VCockpit/Instruments/NavSystems/G3XTouch/Shared/Components/TouchSlider/UiTouchSliderFocusModule.ts:121

---

onFocusLost

▸ onFocusLost(): void

Responds to when this component loses focus.

Returns

void

Implementation of

UiFocusableComponent.onFocusLost

Defined in

src/workingtitle-instruments-g3x-touch/html_ui/Pages/VCockpit/Instruments/NavSystems/G3XTouch/Shared/Components/TouchSlider/UiTouchSliderFocusModule.ts:126

---

onRegistered

▸ onRegistered(controller): void

Responds to when this component is registered with a controller.

Parameters

Name	Type	Description
controller	UiFocusController	The controller with which this component was registered.

Returns

void

Implementation of

UiFocusableComponent.onRegistered

Defined in

src/workingtitle-instruments-g3x-touch/html_ui/Pages/VCockpit/Instruments/NavSystems/G3XTouch/Shared/Components/TouchSlider/UiTouchSliderFocusModule.ts:111

---

onSliderDragStarted

▸ onSliderDragStarted(): void

Responds to when a drag motion has started on this module's parent slider.

Returns

void

Defined in

src/workingtitle-instruments-g3x-touch/html_ui/Pages/VCockpit/Instruments/NavSystems/G3XTouch/Shared/Components/TouchSlider/UiTouchSliderFocusModule.ts:106

---

onUiInteractionEvent

▸ onUiInteractionEvent(event): boolean

Handles a UiInteractionEvent.

Parameters

Name	Type	Description
event	UiInteractionEvent	The event to handle.

Returns

boolean

Whether the event was handled.

Implementation of

UiFocusableComponent.onUiInteractionEvent

Defined in

src/workingtitle-instruments-g3x-touch/html_ui/Pages/VCockpit/Instruments/NavSystems/G3XTouch/Shared/Components/TouchSlider/UiTouchSliderFocusModule.ts:131