Class ResizeManager

Tiny wrapper around ResizeObserver used to execute callbacks when given HTMLElement size changes.

Index

Constructors

Properties

shouldWatch entries resizeObserver

Methods

useObserver observe unobserve destroy

Constructors

constructor

new ResizeManager(): ResizeManager
ResizeManager constructor

Returns ResizeManager
- Defined in src/utils/ResizeManager.ts:29

Properties

shouldWatch

shouldWatch: boolean

Whether we should add elements to our resizeObserver or not

entries

entries: ResizeManagerEntry[]

Array of entries

resizeObserver

resizeObserver: ResizeObserver

ResizeObserver used

Methods

useObserver

useObserver(shouldWatch?): void
Set shouldWatch
Parameters
- shouldWatch: boolean = true
  whether to watch or not
Returns void
- Defined in src/utils/ResizeManager.ts:59

observe

observe(entry): void
Track an HTMLElement size change and execute a callback function when it happens
Parameters
- entry: ResizeManagerEntry
  entry to watch
Returns void
- Defined in src/utils/ResizeManager.ts:67

unobserve

unobserve(element): void
Unobserve an HTMLElement and remove it from our entries array
Parameters
- element: Element | HTMLElement
  HTMLElement to unobserve
Returns void
- Defined in src/utils/ResizeManager.ts:85

destroy

destroy(): void
Destroy our ResizeManager

Returns void
- Defined in src/utils/ResizeManager.ts:93