Class ElementStyleObserver

constructor

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

• Parameters

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

  Returns ElementStyleObserver

callback

options

properties

target

Staticall

Staticproperties

propertyNames

• get propertyNames(): string[]

• Get the names of all properties currently being observed.

  Returns string[]

handleEvent

• handleEvent(event: TransitionEvent): Promise<void>

• Parameters

  • event: TransitionEvent

  Returns Promise<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