Class Tabs

Defines the interface for OutSystemsUI Patterns

Export

Implements

Hierarchy-Diagram

Legend

class

abstract class

interface

public property

private property

public method

protected method

private method

italic abstract property/method

Hierarchy

OSFramework.Patterns.AbstractParent<TabsConfig, ITabsContentItem | ITabsHeaderItem>
- Tabs

Implements

ITabs

Index

Methods

`Protected` getChild

getChild(childId: string): ITabsHeaderItem | ITabsContentItem
Protected
Get the child reference based on given Id

Returns
Child Reference

Memberof
OSFramework.Patterns.AbstractParent
Parameters
- childId: string
  
  Child Id of the element to be found
Returns ITabsHeaderItem | ITabsContentItem
Inherited from AbstractParent.getChild
- Defined in OSFramework/Pattern/AbstractParent.ts:32

`Protected` getChildByIndex

getChildByIndex(index: number, childType?: string): ITabsHeaderItem | ITabsContentItem
Protected
Get a child reference by a given Index position

Returns
Child Reference

Memberof
OSFramework.Patterns.AbstractParent
Parameters
- index: number
  
  Index of the item to be returned
- Optional childType: string
  
  To be based on childType childs collection, otherwise will assume parent only contains one child type!
Returns ITabsHeaderItem | ITabsContentItem
Inherited from AbstractParent.getChildByIndex
- Defined in OSFramework/Pattern/AbstractParent.ts:53

`Protected` getChildIndex

getChildIndex(childId: string): number
Protected
Get a child index from a given child Id

Returns
Index value

Memberof
OSFramework.Patterns.AbstractParent
Parameters
- childId: string
  
  Child id where index will be found
Returns number
Inherited from AbstractParent.getChildIndex
- Defined in OSFramework/Pattern/AbstractParent.ts:72

`Protected` setChild

setChild(childItem: ITabsHeaderItem | ITabsContentItem): void
Protected
Method that is used to set a given child as a Parent child.

Memberof
OSFramework.Patterns.AbstractParent
Parameters
- childItem: ITabsHeaderItem | ITabsContentItem
  
  Reference to be added
Returns void
Inherited from AbstractParent.setChild
- Defined in OSFramework/Pattern/AbstractParent.ts:89

`Protected` unsetChild

unsetChild(childId: string): void
Protected
Method that will remove Child by given Id

Memberof
OSFramework.Patterns.AbstractParent
Parameters
- childId: string
  
  Id of the item that will be removed
Returns void
Inherited from AbstractParent.unsetChild
- Defined in OSFramework/Pattern/AbstractParent.ts:121

getChildItems

getChildItems(type?: string): (ITabsHeaderItem | ITabsContentItem)[]
Getter that allows to obtain all the childs when parent only contains childs of one type, otherwise a type must be passed in order to return all child of the given type!

Returns

Memberof
OSFramework.Patterns.AbstractParent
Parameters
- Optional type: string
  
  To be based on childType childs collection, otherwise will assume parent only contains one child type!
Returns (ITabsHeaderItem | ITabsContentItem)[]
Inherited from AbstractParent.getChildItems
- Defined in OSFramework/Pattern/AbstractParent.ts:186

`Protected` finishBuild

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

Memberof
OSFramework.Patterns.AbstractPattern

Returns void
Inherited from AbstractParent.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 ITabs.equalsToID

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

`Private` _addContentItem

_addContentItem(tabsContentChildItem: OSFramework.Patterns.TabsContentItem.TabsContentItem): void
Parameters
- tabsContentChildItem: OSFramework.Patterns.TabsContentItem.TabsContentItem
Returns void
- Defined in OSFramework/Pattern/Tabs/Tabs.ts:58

`Private` _addEvents

_addEvents(): void
Returns void
- Defined in OSFramework/Pattern/Tabs/Tabs.ts:90

`Private` _addHeaderItem

_addHeaderItem(tabsHeaderChildItem: OSFramework.Patterns.TabsHeaderItem.TabsHeaderItem): void
Parameters
- tabsHeaderChildItem: OSFramework.Patterns.TabsHeaderItem.TabsHeaderItem
Returns void
- Defined in OSFramework/Pattern/Tabs/Tabs.ts:103

`Private` _changeActiveContentItem

_changeActiveContentItem(newTabIndex: number, triggeredByObserver: boolean): void
Parameters
- newTabIndex: number
- triggeredByObserver: boolean
Returns void
- Defined in OSFramework/Pattern/Tabs/Tabs.ts:144

`Private` _changeActiveHeaderItem

_changeActiveHeaderItem(newHeaderItem: ITabsHeaderItem): void
Parameters
- newHeaderItem: ITabsHeaderItem
Returns void
- Defined in OSFramework/Pattern/Tabs/Tabs.ts:171

`Private` _getTargetIndex

_getTargetIndex(tabIndex: number): number
Parameters
- tabIndex: number
Returns number
- Defined in OSFramework/Pattern/Tabs/Tabs.ts:185

`Private` _handleKeypressEvent

_handleKeypressEvent(e: KeyboardEvent): void
Parameters
- e: KeyboardEvent
Returns void
- Defined in OSFramework/Pattern/Tabs/Tabs.ts:203

`Private` _handleOnResizeEvend

_handleOnResizeEvend(): void
Returns void
- Defined in OSFramework/Pattern/Tabs/Tabs.ts:245

`Private` _handleTabIndicator

_handleTabIndicator(): void
Returns void
- Defined in OSFramework/Pattern/Tabs/Tabs.ts:251

`Private` _prepareHeaderAndContentItems

_prepareHeaderAndContentItems(): void
Returns void
- Defined in OSFramework/Pattern/Tabs/Tabs.ts:327

`Private` _removeContentItem

_removeContentItem(childContentId: string): void
Parameters
- childContentId: string
Returns void
- Defined in OSFramework/Pattern/Tabs/Tabs.ts:360

`Private` _removeEvents

_removeEvents(): void
Returns void
- Defined in OSFramework/Pattern/Tabs/Tabs.ts:401

`Private` _removeHeaderItem

_removeHeaderItem(childHeaderId: string): void
Parameters
- childHeaderId: string
Returns void
- Defined in OSFramework/Pattern/Tabs/Tabs.ts:414

`Private` _scrollToTargetContent

_scrollToTargetContent(newContentItem: ITabsContentItem): void
Parameters
- newContentItem: ITabsContentItem
Returns void
- Defined in OSFramework/Pattern/Tabs/Tabs.ts:455

`Private` _setContentAutoHeight

_setContentAutoHeight(hasAutoHeight: boolean): void
Parameters
- hasAutoHeight: boolean
Returns void
- Defined in OSFramework/Pattern/Tabs/Tabs.ts:467

`Private` _setDragObserver

_setDragObserver(): void
Returns void
- Defined in OSFramework/Pattern/Tabs/Tabs.ts:482

`Private` _setHeaderItemsCustomProperty

_setHeaderItemsCustomProperty(itemsLength: number): void
Parameters
- itemsLength: number
Returns void
- Defined in OSFramework/Pattern/Tabs/Tabs.ts:513

`Private` _setHeight

_setHeight(height: string): void
Parameters
- height: string
Returns void
- Defined in OSFramework/Pattern/Tabs/Tabs.ts:519

`Private` _setInitialOptions

_setInitialOptions(): void
Returns void
- Defined in OSFramework/Pattern/Tabs/Tabs.ts:525

`Private` _setIsJustified

_setIsJustified(isJustified: boolean): void
Parameters
- isJustified: boolean
Returns void
- Defined in OSFramework/Pattern/Tabs/Tabs.ts:543

`Private` _setOrientation

_setOrientation(orientation: Orientation): void
Parameters
- orientation: Orientation
Returns void
- Defined in OSFramework/Pattern/Tabs/Tabs.ts:557

`Private` _setPosition

_setPosition(position: OSFramework.GlobalEnum.Direction): void
Parameters
- position: OSFramework.GlobalEnum.Direction
Returns void
- Defined in OSFramework/Pattern/Tabs/Tabs.ts:571

`Private` _setTabHeaderItemDisabledStatus

_setTabHeaderItemDisabledStatus(childHeaderId: string, isDisabled: boolean): void
Parameters
- childHeaderId: string
- isDisabled: boolean
Returns void
- Defined in OSFramework/Pattern/Tabs/Tabs.ts:579

`Private` _tabHeaderItemHasBeenClicked

_tabHeaderItemHasBeenClicked(childHeaderId: string): void
Parameters
- childHeaderId: string
Returns void
- Defined in OSFramework/Pattern/Tabs/Tabs.ts:631

`Private` _triggerOnChangeEvent

_triggerOnChangeEvent(activeTab: number): void
Parameters
- activeTab: number
Returns void
- Defined in OSFramework/Pattern/Tabs/Tabs.ts:644

`Private` _unsetDragObserver

_unsetDragObserver(): void
Returns void
- Defined in OSFramework/Pattern/Tabs/Tabs.ts:651

`Private` _updateItemsConnection

_updateItemsConnection(updateDataTab?: boolean): void
Parameters
- updateDataTab: boolean = true
Returns void
- Defined in OSFramework/Pattern/Tabs/Tabs.ts:656

`Protected` setA11YProperties

setA11YProperties(): void
Protected
Method that adds the necessary attributes and listeners to the Tabs header

Memberof
OSFramework.Patterns.Tabs.Tabs

Returns void
Overrides AbstractParent.setA11YProperties
- Defined in OSFramework/Pattern/Tabs/Tabs.ts:696

`Protected` setCallbacks

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

Memberof
OSFramework.Patterns.Tabs.Tabs

Returns void
Overrides AbstractParent.setCallbacks
- Defined in OSFramework/Pattern/Tabs/Tabs.ts:709

`Protected` setHtmlElements

setHtmlElements(): void
Protected
Method to assign the html elements to the header and content wrappers

Memberof
OSFramework.Patterns.Tabs.Tabs

Returns void
Overrides AbstractParent.setHtmlElements
- Defined in OSFramework/Pattern/Tabs/Tabs.ts:721

`Protected` unsetCallbacks

unsetCallbacks(): void
Protected
Removes the listeners that were added in the code and unsets the callbacks.

Memberof
OSFramework.Patterns.Tabs.Tabs

Returns void
Overrides AbstractParent.unsetCallbacks
- Defined in OSFramework/Pattern/Tabs/Tabs.ts:733

`Protected` unsetHtmlElements

unsetHtmlElements(): void
Protected
Method to unset the html elements references

Memberof
OSFramework.Patterns.Tabs.Tabs

Returns void
Overrides AbstractParent.unsetHtmlElements
- Defined in OSFramework/Pattern/Tabs/Tabs.ts:752

beNotifiedByChild

beNotifiedByChild(childItem: OSFramework.Patterns.TabsHeaderItem.TabsHeaderItem | OSFramework.Patterns.TabsContentItem.TabsContentItem, notifiedTo: OSFramework.Patterns.Tabs.Enum.ChildNotifyActionType): void
Method used to be notified by a given ChildId about a given action and act accordingly

Memberof
SectionIndex
Parameters
- childItem: OSFramework.Patterns.TabsHeaderItem.TabsHeaderItem | OSFramework.Patterns.TabsContentItem.TabsContentItem
- notifiedTo: OSFramework.Patterns.Tabs.Enum.ChildNotifyActionType
  
  {Enum.ChildNotifyActionType} triggered notification type
Returns void
Implementation of ITabs.beNotifiedByChild

Overrides AbstractParent.beNotifiedByChild
- Defined in OSFramework/Pattern/Tabs/Tabs.ts:765

build

build(): void
Method to build the pattern

Memberof
OSFramework.Patterns.Tabs.Tabs

Returns void
Implementation of ITabs.build

Overrides AbstractParent.build
- Defined in OSFramework/Pattern/Tabs/Tabs.ts:806

changeProperty

changeProperty(propertyName: string, propertyValue: unknown): void
Method to change the value of configs/current state.

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

Overrides AbstractParent.changeProperty
- Defined in OSFramework/Pattern/Tabs/Tabs.ts:833

changeTab

changeTab(tabIndex??: number, tabsHeaderItem?: ITabsHeaderItem, triggerEvent??: boolean, triggeredByObserver??: boolean): void
Method to change between tabs

Returns
{void}

Memberof
OSFramework.Patterns.Tabs.Tabs
Parameters
- Optional tabIndex: number = ...
- Optional tabsHeaderItem: ITabsHeaderItem
- Optional triggerEvent: boolean = false
- Optional triggeredByObserver: boolean = false
Returns void
Implementation of ITabs.changeTab
- Defined in OSFramework/Pattern/Tabs/Tabs.ts:872

dispose

dispose(): void
Method to remove event listener and destroy Tabs instance

Memberof
OSFramework.Patterns.Tabs.Tabs

Returns void
Implementation of ITabs.dispose

Overrides AbstractParent.dispose
- Defined in OSFramework/Pattern/Tabs/Tabs.ts:927

registerCallback

registerCallback(callback: OSFramework.Patterns.Tabs.Callbacks.OSOnChangeEvent): void
Set callbacks for the onTabsChange event

Memberof
OSFramework.Patterns.Tabs.Tabs
Parameters
- callback: OSFramework.Patterns.Tabs.Callbacks.OSOnChangeEvent
Returns void
Implementation of ITabs.registerCallback
- Defined in OSFramework/Pattern/Tabs/Tabs.ts:942

toggleDragGestures

toggleDragGestures(addDragGestures: boolean): void
Method to set the drag gestures necessary configurations

Memberof
OSFramework.Patterns.Tabs.Tabs
Parameters
- addDragGestures: boolean
Returns void
Implementation of ITabs.toggleDragGestures
- Defined in OSFramework/Pattern/Tabs/Tabs.ts:956

Accessors

`Protected` _enableAccessibility

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

Memberof
OSFramework.Patterns.AbstractPattern

Returns boolean
Inherited from AbstractParent._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 ITabs.selfElement

Inherited from AbstractParent.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 ITabs.isBuilt

Inherited from AbstractParent.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 AbstractParent.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 ITabs.uniqueId

Inherited from AbstractParent.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 ITabs.widgetId

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

Properties

`Private` _activeTabContentElement

_activeTabContentElement: ITabsContentItem

`Private` _activeTabHeaderElement

_activeTabHeaderElement: ITabsHeaderItem

`Private` _currentOrientation

_currentOrientation: Orientation

`Private` _currentVerticalPositon

_currentVerticalPositon: OSFramework.GlobalEnum.Direction

`Private` _dragObserver

_dragObserver: IntersectionObserver

`Private` _eventOnHeaderKeypress

_eventOnHeaderKeypress: Generic

`Private` _eventOnResize

_eventOnResize: Generic

`Private` _hasDragGestures

_hasDragGestures: boolean

`Private` _hasSingleContent

_hasSingleContent: boolean

`Private` _headerItemsLength

_headerItemsLength: number

`Private` _isChrome

_isChrome: boolean

`Private` _platformEventTabsOnChange

_platformEventTabsOnChange: OSFramework.Patterns.Tabs.Callbacks.OSOnChangeEvent

`Private` _requestAnimationFrameOnIndicatorResize

_requestAnimationFrameOnIndicatorResize: number

`Private` _tabsContentElement

_tabsContentElement: HTMLElement

`Private` _tabsHeaderElement

_tabsHeaderElement: HTMLElement

`Private` _tabsIndicatorElement

_tabsIndicatorElement: HTMLElement

Constructors

constructor

new Tabs(uniqueId: string, configs: JSON): OSFramework.Patterns.Tabs.Tabs
Parameters
- uniqueId: string
- configs: JSON
Returns OSFramework.Patterns.Tabs.Tabs
Overrides AbstractParent.constructor
- Defined in OSFramework/Pattern/Tabs/Tabs.ts:48

Class Tabs

Export

Implements

Hierarchy-Diagram

Legend

Hierarchy

Implements

Index

Methods

Accessors

Properties

Constructors

Methods

Protected getChild

Returns

Memberof

Parameters

childId: string

Returns ITabsHeaderItem | ITabsContentItem

Protected getChildByIndex

Returns

Memberof

Parameters

index: number

Optional childType: string

Returns ITabsHeaderItem | ITabsContentItem

Protected getChildIndex

Returns

Memberof

Parameters

childId: string

Returns number

Protected setChild

Memberof

Parameters

childItem: ITabsHeaderItem | ITabsContentItem

Returns void

Protected unsetChild

Memberof

Parameters

childId: string

Returns void

getChildItems

Returns

Memberof

Parameters

Optional type: string

Returns (ITabsHeaderItem | ITabsContentItem)[]

Protected finishBuild

Memberof

Returns void

equalsToID

Returns

Memberof

Parameters

patternId: string

Returns boolean

Private _addContentItem

Parameters

tabsContentChildItem: OSFramework.Patterns.TabsContentItem.TabsContentItem

Returns void

Private _addEvents

Returns void

Private _addHeaderItem

Parameters

tabsHeaderChildItem: OSFramework.Patterns.TabsHeaderItem.TabsHeaderItem

Returns void

Private _changeActiveContentItem

Parameters

newTabIndex: number

triggeredByObserver: boolean

Returns void

Private _changeActiveHeaderItem

Parameters

newHeaderItem: ITabsHeaderItem

Returns void

Private _getTargetIndex

Parameters

tabIndex: number

Returns number

`Protected` getChild

`Protected` getChildByIndex

`Optional` childType: string

`Protected` getChildIndex

`Protected` setChild

`Protected` unsetChild

`Optional` type: string

`Protected` finishBuild

`Private` _addContentItem

`Private` _addEvents

`Private` _addHeaderItem

`Private` _changeActiveContentItem

`Private` _changeActiveHeaderItem

`Private` _getTargetIndex

`Private` _handleKeypressEvent

`Private` _handleOnResizeEvend

`Private` _handleTabIndicator

`Private` _prepareHeaderAndContentItems

`Private` _removeContentItem

`Private` _removeEvents

`Private` _removeHeaderItem

`Private` _scrollToTargetContent

`Private` _setContentAutoHeight

`Private` _setDragObserver

`Private` _setHeaderItemsCustomProperty

`Private` _setHeight

`Private` _setInitialOptions

`Private` _setIsJustified

`Private` _setOrientation

`Private` _setPosition

`Private` _setTabHeaderItemDisabledStatus

`Private` _tabHeaderItemHasBeenClicked

`Private` _triggerOnChangeEvent

`Private` _unsetDragObserver

`Private` _updateItemsConnection