headless

API resizeObserver

createResizeObserver

function

createResizeObserver(): object

Create a resize observer object for a single element

Returns

object

An object containing the store with the dimensions of observed element (ResizeObserverEntry), the directive to be applied to the html element to be observed

dimensions$

dimensions$: ReadableSignal<undefined | ResizeObserverEntry>

directive

directive: Directive<void, SSRHTMLElement>


createResizeObserverMap

function

createResizeObserverMap(): object

Create a resize observer that can be applied to multiple elements

Returns

object

An object containing the store with the dimensions map of observed elements (ResizeObserverEntry), the directive to be applied to the html element to be observed

dimensionsMap$

dimensionsMap$: ReadableSignal<Map<HTMLElement, ResizeObserverEntry>>

directive

directive: Directive<void, SSRHTMLElement>