Optional options: IOptions<Widget> & OptionsProtected Optional _dynamicReadonly collapseSide panels can be collapsed by clicking on the currently selected tab. This signal is emitted when the mouse is released on the selected tab without initiating a drag.
Protected contentProtected isProtected Optional mouseProtected needsProtected openProtected openProtected Optional pendingProtected Optional scrollProtected scrollReadonly tabEmitted when a tab is added to the tab bar.
Protected tabReadonly tabsEmitted when the set of overflowing/hidden tabs changes.
Protected Optional tabsProtected Readonly toProtected topStatic Protected Readonly DRAG_Overrides the contentNode property getter in PhosphorJS' TabBar.
Tab bars of the left and right side panel are arranged vertically by rotating their labels.
Rotation is realized with the CSS transform property, which disrupts the browser's ability
to arrange the involved elements automatically. Therefore the elements are arranged explicitly
by the TabBarRenderer using inline height and top styles. However, the size of labels
must still be computed by the browser, so the rendering is performed in two steps: first the
tab bar is rendered horizontally inside a hidden content node, then it is rendered again
vertically inside the proper content node. After the first step, size information is gathered
from all labels so it can be applied during the second step.
Protected scrollbarOverrides the scrollable host from the parent class.
Protected tabProtected cancelProtected computeThe following event processing is used to generate collapseRequested signals
when the mouse goes up on the currently selected tab without too much movement
between mousedown and mouseup. The movement threshold is the same that
is used by the superclass to detect a drag event. The allowDeselect option
of the TabBar constructor cannot be used here because it is triggered when the
mouse goes down, and thus collides with dragging.
Protected hideProtected onProtected onProtected onProtected onProtected onProtected onProtected onProtected onProtected onProtected onProtected renderRender the tab bar using the given DOM element as host. The optional renderData is forwarded
to the TabBarRenderer.
Optional renderData: Partial<SideBarRenderData>[]Protected rewireDOMRestructures the DOM defined in PhosphorJS.
By default the tabs (li) are contained in the this.contentNode (ul) which is wrapped in a div (this.node).
Instead of this structure, we add a container for the this.contentNode and for the toolbar.
The scrollbar will only work for the ul part but it does not affect the toolbar, so it can be on the right hand-side.
Protected update
A specialized tab bar for side areas.