Skip to content

SiAutoCollapsableListDirective documentation

selectorexported-as
[siAutoCollapsableList]siAutoCollapsableList

Input Properties

NameTypeDefaultDescription
gap
numberThe (flex) gap in pixels, will automatically be set if a pixel value is used in CSS.
siAutoCollapsableList
booleantrue
siAutoCollapsableListContainerElement
(null | HTMLElement)undefinedThe element which size is available for the content of the siAutoCollapsableList.

Attributes and Methods

NameTypeDefaultDescription
items
QueryList<SiAutoCollapsableListItemDirective>The items which are displayed in the siAutoCollapsableList.

Types Documentation

() => {}
Constructor

() => {}
Properties
height: number
width: number
extends SiAutoCollapsableListMeasurable implements AfterViewInit
Constructor
() => {} from SiAutoCollapsableListMeasurable
Properties
True if enough space is available for this item.
canBeVisible: WritableSignal<boolean> = false
elementRef: ElementRef<any> from elementRef = ...
Hide this item even if enough space is available. When calculating the overall available size, this item is still considered when forceHide=true
forceHide: InputSignalWithTransform<boolean, unknown> = false
True if this item is actually visible to the user
isVisible: Signal<boolean> = ...
Emits on element width changes.
size$: Observable<number> from size$
Methods
A callback method that is invoked immediately after Angular has completed initialization of a component's view. It is invoked only once when the view is instantiated.
ngAfterViewInit: () => void from AfterViewInit.ngAfterViewInit
implements AfterViewInit
Constructor
() => {}
Properties
elementRef: ElementRef<any> = ...
resizeObserverService: ResizeObserverService = ...
Emits on element width changes.
size$: Observable<number>
Methods
A callback method that is invoked immediately after Angular has completed initialization of a component's view. It is invoked only once when the view is instantiated.
ngAfterViewInit: () => void from AfterViewInit.ngAfterViewInit
A service wrapping ResizeObserver . This is a service for those reasons: - only one ResizeObserver should be used for performance reason. - For Angular change detection to work, explicit ngZone calls are necessary - Observable stream
Constructor
() => {}
Properties
listeners: Map<Element, Listener> = ...
resizeObserver?: ResizeObserver
timerQueue: Map<number, QueueEntry[]> = ...
zone: NgZone = ...
Methods
check size on all observed elements. Only use in testing!
_checkAll: () => void
(element: Element, entry: ResizeSubscriber, force: boolean = false) => void
Parameters
element: Element
entry: ResizeSubscriber
force: boolean = false
(element: Element) => void
Parameters
element: Element
(element: Element, entry: ResizeSubscriber) => void
Parameters
element: Element
entry: ResizeSubscriber
(element: Element, throttle: number, emitInitial: boolean, emitImmediate: boolean) => Observable<ElementDimensions>
Observe the size of an element. Returns an observable with the changes.
Parameters
The element to observe
element: Element
Throttle time in ms. Will emit this time after the resize
throttle: number
Emit the initial size after subscribe?
emitInitial?: boolean
Emit an event immediately after the size changes. Useful e.g. for visibility checks.
emitImmediate?: boolean
(queue: QueueEntry[]) => void
Parameters
queue: QueueEntry[]
(timeout: number, element: Element, subscriber: ResizeSubscriber, unblock: boolean, force: boolean = false) => void
Parameters
timeout: number
element: Element
subscriber: ResizeSubscriber
unblock: boolean
force: boolean = false
(entry: Listener, subscriber: ResizeSubscriber, emitInitial: boolean) => void
Parameters
entry: Listener
subscriber: ResizeSubscriber
emitInitial?: boolean
(entry: Listener, subscriber: ResizeSubscriber) => void
Parameters
entry: Listener
subscriber: ResizeSubscriber
(entry: ResizeSubscriber) => void
Parameters
entry: ResizeSubscriber

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