@mattilsynet/designsystem-svelte/dist/ts/focus-outside.js

Design system for Mattilsynet

export function focusOutside(node, buttonId) {
    function handleFocusIn(event) {
        if (event &&
            event.target &&
            !node.contains(document.activeElement) &&
            event.target.id !== buttonId) {
            node.dispatchEvent(new CustomEvent('focusOutside'));
        }
    }
    document.addEventListener('focusin', handleFocusIn);
    return {
        destroy: () => {
            document.removeEventListener('focusin', handleFocusIn);
        }
    };
}