Options
All
  • Public
  • Public/Protected
  • All
Menu

Class TabBar<T>

A widget which displays titles as a single row or column of tabs. The namespace for the TabBar class statics.

Notes

If CSS transforms are used to rotate nodes for vertically oriented text, then tab dragging will not work correctly. The tabsMovable property should be set to false when rotating nodes from CSS.

Type parameters

  • T

Hierarchy

Implements

  • IMessageHandler
  • IObservableDisposable

Index

Modules

Enumerations

Classes

Interfaces

Type aliases

Constructors

Properties

Accessors

Methods

Type aliases

Static InsertBehavior

InsertBehavior: "none" | "select-tab" | "select-tab-if-needed"

A type alias for the selection behavior on tab insert.

Static Orientation

Orientation: "horizontal" | "vertical"

A type alias for a tab bar orientation.

Static RemoveBehavior

RemoveBehavior: "none" | "select-tab-after" | "select-tab-before" | "select-previous-tab"

A type alias for the selection behavior on tab remove.

Constructors

constructor

  • new TabBar(options?: IOptions<T>): TabBar

Properties

Private _addButtonEnabled

_addButtonEnabled: boolean = false

Private _addRequested

_addRequested: Signal<this, void> = new Signal<this, void>(this)

Private _currentChanged

_currentChanged: Signal<this, ICurrentChangedArgs<T>> = new Signal<this, TabBar.ICurrentChangedArgs<T>>(this)

Private _currentIndex

_currentIndex: number = -1

Private _document

_document: Document | ShadowRoot

Private _dragData

_dragData: IDragData | null = null

Private _name

_name: string

Private _orientation

_orientation: Orientation

Private _previousTitle

_previousTitle: Title<T> | null = null

Private _tabActivateRequested

_tabActivateRequested: Signal<this, ITabActivateRequestedArgs<T>> = new Signal<this,TabBar.ITabActivateRequestedArgs<T>>(this)

Private _tabCloseRequested

_tabCloseRequested: Signal<this, ITabCloseRequestedArgs<T>> = new Signal<this,TabBar.ITabCloseRequestedArgs<T>>(this)

Private _tabDetachRequested

_tabDetachRequested: Signal<this, ITabDetachRequestedArgs<T>> = new Signal<this,TabBar.ITabDetachRequestedArgs<T>>(this)

Private _tabMoved

_tabMoved: Signal<this, ITabMovedArgs<T>> = new Signal<this, TabBar.ITabMovedArgs<T>>(this)

Private _titles

_titles: Title<T>[] = []

Private _titlesEditable

_titlesEditable: boolean = false

allowDeselect

allowDeselect: boolean

Whether a tab can be deselected by the user.

Notes

Tabs can be always be deselected programmatically.

insertBehavior

insertBehavior: InsertBehavior

The selection behavior when inserting a tab.

node

node: HTMLElement

Get the DOM node owned by the widget.

removeBehavior

removeBehavior: RemoveBehavior

The selection behavior when removing a tab.

renderer

renderer: IRenderer<T>

The renderer used by the tab bar.

tabsMovable

tabsMovable: boolean

Whether the tabs are movable by the user.

Notes

Tabs can always be moved programmatically.

Static addButtonSelector

addButtonSelector: ".lm-TabBar-addButton" = ".lm-TabBar-addButton"

A selector which matches the add button node in the tab bar.

Static defaultRenderer

defaultRenderer: Renderer = new Renderer()

The default Renderer instance.

Accessors

addButtonEnabled

  • get addButtonEnabled(): boolean
  • set addButtonEnabled(value: boolean): void

addButtonNode

  • get addButtonNode(): HTMLDivElement

  • The tab bar add button node.

    Notes

    This is the node which holds the add button.

    Modifying this node directly can lead to undefined behavior.

    Returns HTMLDivElement

addRequested

  • get addRequested(): ISignal<this, void>

contentNode

  • get contentNode(): HTMLUListElement

  • The tab bar content node.

    Notes

    This is the node which holds the tab nodes.

    Modifying this node directly can lead to undefined behavior.

    Returns HTMLUListElement

currentChanged

  • A signal emitted when the current tab is changed.

    Notes

    This signal is emitted when the currently selected tab is changed either through user or programmatic interaction.

    Notably, this signal is not emitted when the index of the current tab changes due to tabs being inserted, removed, or moved. It is only emitted when the actual current tab node is changed.

    Returns ISignal<this, ICurrentChangedArgs<T>>

currentIndex

  • get currentIndex(): number
  • set currentIndex(value: number): void

  • Get the index of the currently selected tab.

    Notes

    This will be -1 if no tab is selected.

    Returns number

  • Set the index of the currently selected tab.

    Notes

    If the value is out of range, the index will be set to -1.

    Parameters

    • value: number

    Returns void

currentTitle

  • get currentTitle(): Title<T> | null
  • set currentTitle(value: Title<T> | null): void

dataset

  • get dataset(): DOMStringMap

disposed

  • get disposed(): ISignal<this, void>

document

  • get document(): Document | ShadowRoot

  • The document to use with the tab bar.

    The default is the global document instance.

    Returns Document | ShadowRoot

hiddenMode

id

  • get id(): string
  • set id(value: string): void

isAttached

  • get isAttached(): boolean

isDisposed

  • get isDisposed(): boolean

isHidden

  • get isHidden(): boolean

isVisible

  • get isVisible(): boolean

  • Test whether the widget is visible.

    Notes

    A widget is visible when it is attached to the DOM, is not explicitly hidden, and has no explicitly hidden ancestors.

    Returns boolean

layout

  • get layout(): Layout | null
  • set layout(value: Layout | null): void

  • Get the layout for the widget.

    Notes

    The layout is single-use only. It cannot be changed after the first assignment.

    The layout is disposed automatically when the widget is disposed.

    Returns Layout | null

  • Set the layout for the widget.

    Notes

    The layout is single-use only. It cannot be changed after the first assignment.

    The layout is disposed automatically when the widget is disposed.

    Parameters

    Returns void

name

  • get name(): string
  • set name(value: string): void

orientation

parent

  • get parent(): Widget | null
  • set parent(value: Widget | null): void

  • Get the parent of the widget.

    Notes

    Children are typically added to a widget by using a layout, which means user code will not normally set the parent widget directly.

    The widget will be automatically removed from its old parent.

    This is a no-op if there is no effective parent change.

    Returns Widget | null

  • Set the parent of the widget.

    Notes

    Children are typically added to a widget by using a layout, which means user code will not normally set the parent widget directly.

    The widget will be automatically removed from its old parent.

    This is a no-op if there is no effective parent change.

    Parameters

    Returns void

tabActivateRequested

  • A signal emitted when a tab is clicked by the user.

    Notes

    If the clicked tab is not the current tab, the clicked tab will be made current and the currentChanged signal will be emitted first.

    This signal is emitted even if the clicked tab is the current tab.

    Returns ISignal<this, ITabActivateRequestedArgs<T>>

tabCloseRequested

tabDetachRequested

  • A signal emitted when a tab is dragged beyond the detach threshold.

    Notes

    This signal is emitted when the user drags a tab with the mouse, and mouse is dragged beyond the detach threshold.

    The consumer of the signal should call releaseMouse and remove the tab in order to complete the detach.

    This signal is only emitted once per drag cycle.

    Returns ISignal<this, ITabDetachRequestedArgs<T>>

tabMoved

  • A signal emitted when a tab is moved by the user.

    Notes

    This signal is emitted when a tab is moved by user interaction.

    This signal is not emitted when a tab is moved programmatically.

    Returns ISignal<this, ITabMovedArgs<T>>

title

  • The title object for the widget.

    Notes

    The title object is used by some container widgets when displaying the widget alongside some title, such as a tab panel or side bar.

    Since not all widgets will use the title, it is created on demand.

    The owner property of the title is set to this widget.

    Returns Title<Widget>

titles

  • get titles(): ReadonlyArray<Title<T>>

titlesEditable

  • get titlesEditable(): boolean
  • set titlesEditable(value: boolean): void

Methods

Private _adjustCurrentForInsert

  • _adjustCurrentForInsert(i: number, title: Title<T>): void

  • Adjust the current index for a tab insert operation.

    This method accounts for the tab bar's insertion behavior when adjusting the current index and emitting the changed signal.

    Parameters

    • i: number
    • title: Title<T>

    Returns void

Private _adjustCurrentForMove

  • _adjustCurrentForMove(i: number, j: number): void

  • Adjust the current index for a tab move operation.

    This method will not cause the actual current tab to change. It silently adjusts the index to account for the given move.

    Parameters

    • i: number
    • j: number

    Returns void

Private _adjustCurrentForRemove

  • _adjustCurrentForRemove(i: number, title: Title<T>): void

  • Adjust the current index for a tab remove operation.

    This method accounts for the tab bar's remove behavior when adjusting the current index and emitting the changed signal.

    Parameters

    • i: number
    • title: Title<T>

    Returns void

Private _evtDblClick

  • _evtDblClick(event: MouseEvent): void

  • Handle the 'dblclick' event for the tab bar.

    Parameters

    • event: MouseEvent

    Returns void

Private _evtKeyDown

  • _evtKeyDown(event: KeyboardEvent): void

  • Handle the 'keydown' event for the tab bar.

    Parameters

    • event: KeyboardEvent

    Returns void

Private _evtMouseDown

  • _evtMouseDown(event: MouseEvent): void

  • Handle the 'mousedown' event for the tab bar.

    Parameters

    • event: MouseEvent

    Returns void

Private _evtMouseMove

  • _evtMouseMove(event: MouseEvent): void

  • Handle the 'mousemove' event for the tab bar.

    Parameters

    • event: MouseEvent

    Returns void

Private _evtMouseUp

  • _evtMouseUp(event: MouseEvent): void

  • Handle the 'mouseup' event for the document.

    Parameters

    • event: MouseEvent

    Returns void

Private _onTitleChanged

  • _onTitleChanged(sender: Title<T>): void

Private _releaseMouse

  • _releaseMouse(): void

activate

  • activate(): void

addClass

  • addClass(name: string): void

  • Add a class name to the widget's DOM node.

    Parameters

    • name: string

      The class name to add to the node.

      Notes

      If the class name is already added to the node, this is a no-op.

      The class name must not contain whitespace.

    Returns void

addTab

  • Add a tab to the end of the tab bar.

    Parameters

    • value: Title<T> | IOptions<T>

      The title which holds the data for the tab, or an options object to convert to a title.

    Returns Title<T>

    The title object added to the tab bar.

    Notes

    If the title is already added to the tab bar, it will be moved.

children

  • children(): IIterator<Widget>

  • Create an iterator over the widget's children.

    Returns IIterator<Widget>

    A new iterator over the children of the widget.

    Notes

    The widget must have a populated layout in order to have children.

    If a layout is not installed, the returned iterator will be empty.

clearFlag

  • clearFlag(flag: Flag): void

clearTabs

  • clearTabs(): void

close

  • close(): void

contains

  • contains(widget: Widget): boolean

  • Test whether a widget is a descendant of this widget.

    Parameters

    • widget: Widget

      The descendant widget of interest.

    Returns boolean

    true if the widget is a descendant, false otherwise.

dispose

  • dispose(): void

fit

  • fit(): void

handleEvent

  • handleEvent(event: Event): void

  • Handle the DOM events for the tab bar.

    Parameters

    • event: Event

      The DOM event sent to the tab bar.

      Notes

      This method implements the DOM EventListener interface and is called in response to events on the tab bar's DOM node.

      This should not be called directly by user code.

    Returns void

hasClass

  • hasClass(name: string): boolean

  • Test whether the widget's DOM node has the given class name.

    Parameters

    • name: string

      The class name of interest.

    Returns boolean

    true if the node has the class, false otherwise.

hide

  • hide(): void

insertTab

  • Insert a tab into the tab bar at the specified index.

    Parameters

    • index: number

      The index at which to insert the tab.

    • value: Title<T> | IOptions<T>

      The title which holds the data for the tab, or an options object to convert to a title.

    Returns Title<T>

    The title object added to the tab bar.

    Notes

    The index will be clamped to the bounds of the tabs.

    If the title is already added to the tab bar, it will be moved.

Protected notifyLayout

  • notifyLayout(msg: Message): void

  • Invoke the message processing routine of the widget's layout.

    Parameters

    • msg: Message

      The message to dispatch to the layout.

      Notes

      This is a no-op if the widget does not have a layout.

      This will not typically be called directly by user code.

    Returns void

Protected onActivateRequest

  • onActivateRequest(msg: Message): void

Protected onAfterAttach

  • onAfterAttach(msg: Message): void

Protected onAfterDetach

  • onAfterDetach(msg: Message): void

Protected onAfterHide

  • onAfterHide(msg: Message): void

Protected onAfterShow

  • onAfterShow(msg: Message): void

Protected onBeforeAttach

  • onBeforeAttach(msg: Message): void

Protected onBeforeDetach

  • onBeforeDetach(msg: Message): void

Protected onBeforeHide

  • onBeforeHide(msg: Message): void

Protected onBeforeShow

  • onBeforeShow(msg: Message): void

Protected onChildAdded

Protected onChildRemoved

Protected onCloseRequest

  • onCloseRequest(msg: Message): void

Protected onFitRequest

  • onFitRequest(msg: Message): void

Protected onResize

Protected onUpdateRequest

  • onUpdateRequest(msg: Message): void

processMessage

  • processMessage(msg: Message): void

releaseMouse

  • releaseMouse(): void

  • Release the mouse and restore the non-dragged tab positions.

    Notes

    This will cause the tab bar to stop handling mouse events and to restore the tabs to their non-dragged positions.

    Returns void

removeClass

  • removeClass(name: string): void

  • Remove a class name from the widget's DOM node.

    Parameters

    • name: string

      The class name to remove from the node.

      Notes

      If the class name is not yet added to the node, this is a no-op.

      The class name must not contain whitespace.

    Returns void

removeTab

  • removeTab(title: Title<T>): void

  • Remove a tab from the tab bar.

    Parameters

    • title: Title<T>

      The title for the tab to remove.

      Notes

      This is a no-op if the title is not in the tab bar.

    Returns void

removeTabAt

  • removeTabAt(index: number): void

  • Remove the tab at a given index from the tab bar.

    Parameters

    • index: number

      The index of the tab to remove.

      Notes

      This is a no-op if the index is out of range.

    Returns void

setFlag

  • setFlag(flag: Flag): void

setHidden

  • setHidden(hidden: boolean): void

  • Show or hide the widget according to a boolean value.

    Parameters

    • hidden: boolean

      true to hide the widget, or false to show it.

      Notes

      This is a convenience method for hide() and show().

    Returns void

show

  • show(): void

testFlag

  • testFlag(flag: Flag): boolean

toggleClass

  • toggleClass(name: string, force?: undefined | false | true): boolean

  • Toggle a class name on the widget's DOM node.

    Parameters

    • name: string

      The class name to toggle on the node.

    • Optional force: undefined | false | true

      Whether to force add the class (true) or force remove the class (false). If not provided, the presence of the class will be toggled from its current state.

    Returns boolean

    true if the class is now present, false otherwise.

    Notes

    The class name must not contain whitespace.

update

  • update(): void

Static attach

  • attach(widget: Widget, host: HTMLElement, ref?: HTMLElement | null): void

  • Attach a widget to a host DOM node.

    Parameters

    • widget: Widget

      The widget of interest.

    • host: HTMLElement

      The DOM node to use as the widget's host.

    • Default value ref: HTMLElement | null = null

      The child of host to use as the reference element. If this is provided, the widget will be inserted before this node in the host. The default is null, which will cause the widget to be added as the last child of the host.

      Notes

      This will throw an error if the widget is not a root widget, if the widget is already attached, or if the host is not attached to the DOM.

    Returns void

Static detach

  • detach(widget: Widget): void

  • Detach the widget from its host DOM node.

    Parameters

    • widget: Widget

      The widget of interest.

      Notes

      This will throw an error if the widget is not a root widget, or if the widget is not attached to the DOM.

    Returns void

Generated using TypeDoc