SiHeaderSelectionItemComponent documentation¶

selector

button[si-header-selection-item]

Input Properties¶

Name	Type	Default	Description
open ¶	`boolean`	`false`	Sets the open state which will only affect the arrow. Only use this property when not using SiHeaderDropdownTriggerDirective .

Attributes and Methods¶

Name	Type	Default	Description
ngOnInit() ¶	() => `void`		A callback method that is invoked immediately after the default change detector has checked the directive's data-bound properties for the first time, and before any of the view or content children have been checked. It is invoked only once when the directive is instantiated.

Types Documentation¶

HeaderWithDropdowns

¶

Interface

Properties
Whether the dropdown should be opened inline. inlineDropdown?: `Observable`<`boolean`>¶
The position of the dropdown if opened in an overlay. overlayPosition?: `ConnectedPosition`[]¶

Methods

dropdownClosed

(trigger: SiHeaderDropdownTriggerDirective) => void¶

Called whenever a dropdown is close *

Parameters
trigger: `SiHeaderDropdownTriggerDirective`¶

dropdownOpened

(trigger: SiHeaderDropdownTriggerDirective) => void¶

Called whenever a dropdown is opened *

Parameters
trigger: `SiHeaderDropdownTriggerDirective`¶

Called whenever an item is triggered that is not opening another dropdown.
onDropdownItemTriggered: () => void¶

SiHeaderDropdownTriggerDirective

implements OnChanges, OnInit, OnDestroy¶

Class

▶

Trigger to open dropdowns in a navbar. A dropdown will always be attached to the view, even if not visible.

If a dropdown is opened in desktop mode, it will be reattached to an overlay while being opened.

Constructor
() => `{}`¶

Properties
_isOpen: `boolean` = `false`¶
ariaControls: `string` = ...¶
destroying: `boolean` = `false`¶
Template that be rendered inside the dropdown. dropdown: `InputSignal`<`TemplateRef`<`unknown`>> = ...¶
dropdownClose: `Subject`<`void`> = ...¶
Data that should be passed as template context to the dropdown. dropdownData: `InputSignal`<`unknown`> = ...¶
elementRef: `ElementRef`<`HTMLElement`> = ...¶
headerAnchorComponentRef?: `ComponentRef`<`SiHeaderAnchorComponent`>¶
id: `string` = ...¶
injector: `DestroyableInjector` = ...¶
level: `number` = ...¶
navbar: (`null` \| `HeaderWithDropdowns`) = ...¶
Emits whenever a dropdown is opened or closed. openChange: `OutputEmitterRef`<`boolean`> = ...¶
Child triggers will set themselves here if they are open. openSubmenu?: `SiHeaderDropdownTriggerDirective`¶
overlay: `Overlay` = ...¶
overlayRef?: `OverlayRef`¶
parent: (`null` \| `SiHeaderDropdownTriggerDirective`) = ...¶
portal?: `TemplatePortal`<`unknown`>¶
viewContainerRef: `ViewContainerRef` = ...¶
viewRef?: `EmbeddedViewRef`<`unknown`>¶
idCounter: `number` = `0`¶

Accessors
Whether the dropdown is open. get isOpen: `boolean`¶
get isOverlay: `boolean`¶

Methods

attachDropdownInline: () => void¶

attachDropdownOverlay: () => void¶

click: () => void¶

close

(options: { all: boolean }) => void¶

Closes the dropdown.

Parameters
options?: { all: `boolean` }¶

A callback method that is invoked immediately after the default change detector has checked data-bound properties if at least one has changed, and before the view and content children are checked.
ngOnChanges: () => void from OnChanges.ngOnChanges¶

A callback method that performs custom clean-up, invoked immediately before a directive, pipe, or service instance is destroyed.
ngOnDestroy: () => void from OnDestroy.ngOnDestroy¶

A callback method that is invoked immediately after the default change detector has checked the directive's data-bound properties for the first time, and before any of the view or content children have been checked. It is invoked only once when the directive is instantiated.
ngOnInit: () => void from OnInit.ngOnInit¶

Opens the dropdown.
open: () => void¶

Except where otherwise noted, content on this site is licensed under MIT License.