Class ElementStyleObserver

constructor

• new ElementStyleObserver(
      target: Element,
      callback: StyleObserverCallback,
      options?: StyleObserverOptions,
  ): ElementStyleObserver

  Parameters

  • target: Element
  • callback: StyleObserverCallback
  • options: StyleObserverOptions = {}

  Returns ElementStyleObserver

callback

options

properties

renderedObserver

target

Staticall

Staticproperties

StaticrootNodes

propertyNames

• get propertyNames(): string[]

  Get the names of all properties currently being observed.

  Returns string[]

initRootNode

• initRootNode(): void

  Set (ones per root) CSS on an element’s root node (document or shadow root).

  Returns void

observe

• observe(properties: string | string[]): void

  Observe the target for changes to one or more CSS properties.

  Parameters

  • properties: string | string[]

  Returns void

resolveOptions

• resolveOptions(options: any): StyleObserverOptionsObject & StyleObserverOptions

  Parameters

  • options: any

  Returns StyleObserverOptionsObject & StyleObserverOptions

unobserve

• unobserve(properties?: string | string[]): void

  Stop observing a target for changes to one or more CSS properties.

  Parameters

  • Optionalproperties: string | string[]

    Properties to stop observing. Defaults to all observed properties.

  Returns void

updateTransition

• updateTransition(options?: { firstTime?: boolean }): void

  Update the target’s transition property or refresh it if it was overwritten.

  Parameters

  • options: { firstTime?: boolean } = {}

    • OptionalfirstTime?: boolean

      Whether this is the first time the transition is being set.

  Returns void

updateTransitionProperties

• updateTransitionProperties(): void

  Update the --style-observer-transition property to include all observed properties.

  Returns void