Resize-Watcher

Getting Started

$3

Using npm:

``sh
npm install resize-watcher
`

Once the package is installed, you can import the library using import approach:

`javascript
import { Watcher } from 'resize-watcher'
`

Example

`javascript
import { Watcher } from 'resize-watcher'
// DOM
const targetEl = document.getElementById('box')

// create instance
const watcher = Watcher.create(targetEl)

// start watch
watcher.mount()

// end watch
watcher.unmount()
`

API

Watcher(el[, options])

Watcher.create(el[, options])

Options

`typescript
export type ThresholdOptions = {
range: [number, number];
handler: (res?: DOMRectReadOnly) => void;
};
export type ResizeWatcherOptions = {
mode?: 'simple' | 'threshold';
immediate?: boolean;
duration?: number;
handler?: (res?: DOMRectReadOnly) => void;
threshold?: ThresholdOptions[];
};
export declare class Watcher {
private el;
private options;
constructor(el: HTMLElement, options?: ResizeWatcherOptions);
static create(el: HTMLElement, options?: ResizeWatcherOptions): Watcher;
mount(): void;
unmount(): void;
}

``