@dvcol/svelte-utils/dist/hovering.action.js

Svelte library for common utility functions and constants

export const hovering = (node, options) => {
    let params = options;
    const setState = (value, e) => {
        if (value === params.hovered)
            return;
        params.hovered = value;
        params.onChange?.(value, e);
    };
    const onPointerEnter = (e) => {
        if (params.hovered)
            return;
        setState(true, e);
    };
    const onPointerLeave = (e) => {
        if (!params.hovered)
            return;
        setState(false, e);
    };
    node.addEventListener('pointerenter', onPointerEnter, { passive: true });
    node.addEventListener('pointerleave', onPointerLeave, { passive: true });
    return {
        update: (_options) => {
            params = _options;
        },
        destroy: () => {
            node.removeEventListener('pointerenter', onPointerEnter);
            node.removeEventListener('pointerleave', onPointerLeave);
        },
    };
};