bits-ui/dist/internal/svelte-resize-observer.svelte.js

The headless components for Svelte.

export class SvelteResizeObserver {
    #node;
    #onResize;
    constructor(node, onResize) {
        this.#node = node;
        this.#onResize = onResize;
        this.handler = this.handler.bind(this);
        $effect(this.handler);
    }
    handler() {
        let rAF = 0;
        const _node = this.#node();
        if (!_node)
            return;
        const resizeObserver = new ResizeObserver(() => {
            cancelAnimationFrame(rAF);
            rAF = window.requestAnimationFrame(this.#onResize);
        });
        resizeObserver.observe(_node);
        return () => {
            window.cancelAnimationFrame(rAF);
            resizeObserver.unobserve(_node);
        };
    }
}