window-resize-subject

!CI

> Handler for the window resize event of the observer pattern.

Install

npm

``bash
$ npm i window-resize-subject
`

yarn

`bash
$ yarn add window-resize-subject
`

Usage

`js
import { WindowResizeSubject } from 'window-resize-subject';

// create subject
const subject = new WindowResizeSubject();

// add observer
const observer = ({ width, height }) => {
// do something
};
subejct.addObserver('name', observer);

// start watching the resize event
subject.subscribe();
`

> note: You can also write in a method chain

`js
subejct.addObserver('name', observer).subscribe();
`

Methods

$3

- params:
- name:
- type: string | Symbol
- observer:
- type: WindowResizeObserver
- details: (event: { width: number, height: number }) => void

Add observer.
And called with the current window size.

`js
subejct.addObserver('name', ({ width, height }) => {
// do something
});
`

$3

Start watching the resize event.

$3

Stop watching the resize event.

> note: observer is not deleted.

$3

- params:
- size:
- type: Object
- width: number
- height: number

Force update.

`js
subject.notifyObservers({ width: 800, height: 600 });
`

$3

- params:
- name:
- type: string | Symbol

Deletes the specified Observer.

`js
subject.deleteObserver('name');
`

$3

Deletes all Observers.

$3

- params:
- type: number

Changes the delay time for a resize event.

`js
subject.setDelay(100);
`

$3

returns true if it has an observer.

$3

Dispatches the current window size.

Options

$3

- type: number
- default: 33

Changes the delay time for a resize event.

`js
import { WindowResizeSubject } from 'window-resize-subject';

const subject = new WindowResizeSubject({ delay: 100 });
``

Contribution

If you find a bug or want to contribute to the code or documentation, you can help by submitting an issue or a pull request.

License

MIT