Class BottomSheet

Class that implements the BottomSheet pattern.

Export

Implements

Hierarchy-Diagram

Legend

class

abstract class

interface

public property

private property

public method

protected method

private method

italic abstract property/method

Hierarchy

AbstractPattern<BottomSheetConfig>
- BottomSheet

Implements

Index

Methods

`Protected` finishBuild

finishBuild(): void
Protected
Marks the built as being finished.

Memberof
OSFramework.Patterns.AbstractPattern

Returns void
Inherited from AbstractPattern.finishBuild
- Defined in OSFramework/Pattern/AbstractPattern.ts:50

equalsToID

equalsToID(patternId: string): boolean
Enables to uniquely identify the pattern in all ways.

Returns
{boolean}

Memberof
OSFramework.Patterns.AbstractPattern
Parameters
- patternId: string
Returns boolean
Implementation of IBottomSheet.equalsToID

Inherited from AbstractPattern.equalsToID
- Defined in OSFramework/Pattern/AbstractPattern.ts:115

`Private` _handleFocusTrap

_handleFocusTrap(): void
Returns void
- Defined in OSFramework/Pattern/BottomSheet/BottomSheet.ts:71

`Private` _handleGestureEvents

_handleGestureEvents(): void
Returns void
- Defined in OSFramework/Pattern/BottomSheet/BottomSheet.ts:80

`Private` _handleShape

_handleShape(shape: OSFramework.GlobalEnum.ShapeTypes): void
Parameters
- shape: OSFramework.GlobalEnum.ShapeTypes
Returns void
- Defined in OSFramework/Pattern/BottomSheet/BottomSheet.ts:92

`Private` _onContentScrollCallback

_onContentScrollCallback(): void
Returns void
- Defined in OSFramework/Pattern/BottomSheet/BottomSheet.ts:101

`Private` _onGestureEnd

_onGestureEnd(offsetX: number, offsetY: number, timeTaken: number): void
Parameters
- offsetX: number
- offsetY: number
- timeTaken: number
Returns void
- Defined in OSFramework/Pattern/BottomSheet/BottomSheet.ts:110

`Private` _onGestureMove

_onGestureMove(x: number, y: number, offsetX: number, offsetY: number, evt: TouchEvent): void
Parameters
- x: number
- y: number
- offsetX: number
- offsetY: number
- evt: TouchEvent
Returns void
- Defined in OSFramework/Pattern/BottomSheet/BottomSheet.ts:121

`Private` _onGestureStart

_onGestureStart(x: number, y: number): void
Parameters
- x: number
- y: number
Returns void
- Defined in OSFramework/Pattern/BottomSheet/BottomSheet.ts:126

`Private` _onkeypressCallback

_onkeypressCallback(e: KeyboardEvent): void
Parameters
- e: KeyboardEvent
Returns void
- Defined in OSFramework/Pattern/BottomSheet/BottomSheet.ts:138

`Private` _toggleBottomSheet

_toggleBottomSheet(isOpen: boolean): void
Parameters
- isOpen: boolean
Returns void
- Defined in OSFramework/Pattern/BottomSheet/BottomSheet.ts:148

`Private` _toggleHandler

_toggleHandler(ShowHandler: boolean): void
Parameters
- ShowHandler: boolean
Returns void
- Defined in OSFramework/Pattern/BottomSheet/BottomSheet.ts:191

`Private` _triggerOnToggleEvent

_triggerOnToggleEvent(): void
Returns void
- Defined in OSFramework/Pattern/BottomSheet/BottomSheet.ts:200

`Protected` removeEventListeners

removeEventListeners(): void
Protected
Method to remove the event listeners

Memberof
OSFramework.Patterns.BottomSheet.BottomSheet

Returns void
- Defined in OSFramework/Pattern/BottomSheet/BottomSheet.ts:210

`Protected` setA11YProperties

setA11YProperties(): void
Protected
Add the Accessibility Attributes values

Memberof
OSFramework.Patterns.BottomSheet.BottomSheet

Returns void
Overrides AbstractPattern.setA11YProperties
- Defined in OSFramework/Pattern/BottomSheet/BottomSheet.ts:223

`Protected` setCallbacks

setCallbacks(): void
Protected
Method to set the listeners and platform event callbacks

Memberof
OSFramework.Patterns.BottomSheet.BottomSheet

Returns void
Overrides AbstractPattern.setCallbacks
- Defined in OSFramework/Pattern/BottomSheet/BottomSheet.ts:252

`Protected` setEventListeners

setEventListeners(): void
Protected
Method to add event listeners

Memberof
OSFramework.Patterns.BottomSheet.BottomSheet

Returns void
- Defined in OSFramework/Pattern/BottomSheet/BottomSheet.ts:263

`Protected` setHtmlElements

setHtmlElements(): void
Protected
Update info based on htmlContent

Memberof
OSFramework.Patterns.BottomSheet.BottomSheet

Returns void
Overrides AbstractPattern.setHtmlElements
- Defined in OSFramework/Pattern/BottomSheet/BottomSheet.ts:283

`Protected` setInitialOptions

setInitialOptions(): void
Protected
Method to set initial options

Memberof
OSFramework.Patterns.BottomSheet.BottomSheet

Returns void
- Defined in OSFramework/Pattern/BottomSheet/BottomSheet.ts:295

`Protected` unsetCallbacks

unsetCallbacks(): void
Protected
Method to unset callbacks

Memberof
OSFramework.Patterns.BottomSheet.BottomSheet

Returns void
Overrides AbstractPattern.unsetCallbacks
- Defined in OSFramework/Pattern/BottomSheet/BottomSheet.ts:306

`Protected` unsetHtmlElements

unsetHtmlElements(): void
Protected
Removes the local value of the variables pointing to HTML elements;

Memberof
OSFramework.Patterns.BottomSheet.BottomSheet

Returns void
Overrides AbstractPattern.unsetHtmlElements
- Defined in OSFramework/Pattern/BottomSheet/BottomSheet.ts:318

build

build(): void
Builds the BottomSheet.

Memberof
OSFramework.Patterns.BottomSheet.BottomSheet

Returns void
Implementation of IBottomSheet.build

Overrides AbstractPattern.build
- Defined in OSFramework/Pattern/BottomSheet/BottomSheet.ts:329

changeProperty

changeProperty(propertyName: string, propertyValue: unknown): void
Applies the changes of state/value of the configurations.

Memberof
OSFramework.Patterns.BottomSheet.BottomSheet
Parameters
- propertyName: string
- propertyValue: unknown
Returns void
Implementation of IBottomSheet.changeProperty

Overrides AbstractPattern.changeProperty
- Defined in OSFramework/Pattern/BottomSheet/BottomSheet.ts:347

close

close(): void
Method to close the BottomSHeet

Memberof
OSFramework.Patterns.BottomSheet.BottomSheet

Returns void
Implementation of IBottomSheet.close
- Defined in OSFramework/Pattern/BottomSheet/BottomSheet.ts:368

dispose

dispose(): void
Disposes the current pattern.

Memberof
OSFramework.Patterns.BottomSheet.BottomSheet

Returns void
Implementation of IBottomSheet.dispose

Overrides AbstractPattern.dispose
- Defined in OSFramework/Pattern/BottomSheet/BottomSheet.ts:379

open

open(): void
Method to open the BottomSheet

Memberof
OSFramework.Patterns.BottomSheet.BottomSheet

Returns void
Implementation of IBottomSheet.open
- Defined in OSFramework/Pattern/BottomSheet/BottomSheet.ts:399

registerCallback

registerCallback(callback: Generic): void
Set callbacks for the onToggle event

Memberof
OSFramework.Patterns.BottomSheet.BottomSheet
Parameters
- callback: Generic
Returns void
Implementation of IBottomSheet.registerCallback
- Defined in OSFramework/Pattern/BottomSheet/BottomSheet.ts:411

removeGestureEvents

removeGestureEvents(): void
Removes the gesture events to open/close the BottomSheet on Native Apps

Memberof
OSFramework.Patterns.BottomSheet.BottomSheet

Returns void
Implementation of IDragEvent.removeGestureEvents
- Defined in OSFramework/Pattern/BottomSheet/BottomSheet.ts:424

`Protected` setGestureEvents

setGestureEvents(onGestureStart: GestureStart, onGestureMove: OSFramework.Event.GestureEvent.Callbacks.GestureMove, onGestureEnd: OSFramework.Event.GestureEvent.Callbacks.GestureEnd): void
Protected
Sets the gesture events to open/close the BottomSheet on Native Apps

Memberof
OSFramework.Patterns.BottomSheet.BottomSheet
Parameters
- onGestureStart: GestureStart
- onGestureMove: OSFramework.Event.GestureEvent.Callbacks.GestureMove
- onGestureEnd: OSFramework.Event.GestureEvent.Callbacks.GestureEnd
Returns void
Implementation of IDragEvent.setGestureEvents
- Defined in OSFramework/Pattern/BottomSheet/BottomSheet.ts:440

Accessors

`Protected` _enableAccessibility

get _enableAccessibility(): boolean
Protected
Getter that allows to obtain the accessibility is enabled.

Memberof
OSFramework.Patterns.AbstractPattern

Returns boolean
Inherited from AbstractPattern._enableAccessibility
- Defined in OSFramework/Pattern/AbstractPattern.ts:128

selfElement

get selfElement(): HTMLElement
Getter that allows to obtain the self element.

Memberof
OSFramework.Patterns.AbstractPattern

Returns HTMLElement
Implementation of IBottomSheet.selfElement

Inherited from AbstractPattern.selfElement
- Defined in OSFramework/Pattern/AbstractPattern.ts:139

isBuilt

get isBuilt(): boolean
Getter that tells if the pattern is already built.

Memberof
OSFramework.Patterns.AbstractPattern

Returns boolean
Implementation of IBottomSheet.isBuilt

Inherited from AbstractPattern.isBuilt
- Defined in OSFramework/Pattern/AbstractPattern.ts:150

configs

get configs(): C
Current configurations/state of the pattern.

Memberof
OSFramework.Patterns.AbstractPattern

Returns C
Inherited from AbstractPattern.configs
- Defined in OSFramework/Pattern/AbstractPattern.ts:161

uniqueId

get uniqueId(): string
Unique id of the pattern. Internal use only.

Memberof
OSFramework.Patterns.AbstractPattern

Returns string
Implementation of IBottomSheet.uniqueId

Inherited from AbstractPattern.uniqueId
- Defined in OSFramework/Pattern/AbstractPattern.ts:172

widgetId

get widgetId(): string
Id of the pattern known by the developer. External use only.

Memberof
OSFramework.Patterns.AbstractPattern

Returns string
Implementation of IBottomSheet.widgetId

Inherited from AbstractPattern.widgetId
- Defined in OSFramework/Pattern/AbstractPattern.ts:183

gestureEventInstance

get gestureEventInstance(): DragEvent
Get Gesture Events Instance

Memberof
OSFramework.Patterns.BottomSheet.BottomSheet

Returns DragEvent
Implementation of IDragEvent.gestureEventInstance
- Defined in OSFramework/Pattern/BottomSheet/BottomSheet.ts:51

hasGestureEvents

get hasGestureEvents(): boolean
Get if has gesture events

Memberof
OSFramework.Patterns.BottomSheet.BottomSheet

Returns boolean
Implementation of IDragEvent.hasGestureEvents
- Defined in OSFramework/Pattern/BottomSheet/BottomSheet.ts:62

Properties

`Private` _animateOnDragInstance

_animateOnDragInstance: AnimateOnDrag

`Private` _bottomSheetContentElem

_bottomSheetContentElem: HTMLElement

`Private` _bottomSheetHeaderElem

_bottomSheetHeaderElem: HTMLElement

`Private` _eventOnContentScroll

_eventOnContentScroll: Generic

`Private` _eventOnKeypress

_eventOnKeypress: Generic

`Private` _focusTrapInstance

_focusTrapInstance: FocusTrap

`Private` _focusableActiveElement

_focusableActiveElement: HTMLElement

`Private` _gestureEventInstance

_gestureEventInstance: DragEvent

`Private` _hasGestureEvents

_hasGestureEvents: boolean

`Private` _isOpen

_isOpen: boolean = false

`Private` _parentSelf

_parentSelf: HTMLElement

`Private` _platformEventOnToggle

_platformEventOnToggle: OSFramework.Patterns.BottomSheet.Callbacks.OSOnToggleEvent

springAnimationConfigs

springAnimationConfigs: {
    addSpringAnimation: boolean;
    springAnimationProperties: {
        tension: number;
        friction: number;
        mass: number;
    };
} = ...

Type declaration

addSpringAnimation: boolean
springAnimationProperties: {
    tension: number;
    friction: number;
    mass: number;
}
- tension: number
- friction: number
- mass: number

Constructors

constructor

new BottomSheet(uniqueId: string, configs: JSON): OSFramework.Patterns.BottomSheet.BottomSheet
Parameters
- uniqueId: string
- configs: JSON
Returns OSFramework.Patterns.BottomSheet.BottomSheet
Overrides AbstractPattern.constructor
- Defined in OSFramework/Pattern/BottomSheet/BottomSheet.ts:66

Class BottomSheet

Export

Implements

Hierarchy-Diagram

Legend

Hierarchy

Implements

Index

Methods

Accessors

Properties

Constructors

Methods

Protected finishBuild

Memberof

Returns void

equalsToID

Returns

Memberof

Parameters

patternId: string

Returns boolean

Private _handleFocusTrap

Returns void

Private _handleGestureEvents

Returns void

Private _handleShape

Parameters

shape: OSFramework.GlobalEnum.ShapeTypes

Returns void

Private _onContentScrollCallback

Returns void

Private _onGestureEnd

Parameters

offsetX: number

offsetY: number

timeTaken: number

Returns void

Private _onGestureMove

Parameters

x: number

y: number

offsetX: number

offsetY: number

evt: TouchEvent

Returns void

Private _onGestureStart

Parameters

x: number

y: number

Returns void

Private _onkeypressCallback

Parameters

e: KeyboardEvent

Returns void

Private _toggleBottomSheet

Parameters

isOpen: boolean

Returns void

Private _toggleHandler

Parameters

ShowHandler: boolean

Returns void

Private _triggerOnToggleEvent

Returns void

Protected removeEventListeners

Memberof

Returns void

Protected setA11YProperties

Memberof

Returns void

Protected setCallbacks

Memberof

Returns void

Protected setEventListeners

Memberof

Returns void

Protected setHtmlElements

Memberof

Returns void

`Protected` finishBuild

`Private` _handleFocusTrap

`Private` _handleGestureEvents

`Private` _handleShape

`Private` _onContentScrollCallback

`Private` _onGestureEnd

`Private` _onGestureMove

`Private` _onGestureStart

`Private` _onkeypressCallback

`Private` _toggleBottomSheet

`Private` _toggleHandler

`Private` _triggerOnToggleEvent

`Protected` removeEventListeners

`Protected` setA11YProperties

`Protected` setCallbacks

`Protected` setEventListeners

`Protected` setHtmlElements

`Protected` setInitialOptions

`Protected` unsetCallbacks

`Protected` unsetHtmlElements

`Protected` setGestureEvents

`Protected` _enableAccessibility

`Private` _animateOnDragInstance

`Private` _bottomSheetContentElem