@selenite/commons/dist/actions/index.js

This typescript package provides a set of frequently used utilities, types and svelte actions for building projects with Typescript and Svelte.

export * as FocusTrap from './focusTrap';
export * from './focusTrap';
export * as Shortcut from './shortcut';
export * from './shortcut';
export * as Canvas from './canvas';
export * from './canvas';
export * as Scroll from './scroll';
export * from './scroll';
export * as Inputs from './inputs';
export * from './inputs';
export * as Drag from './drag';
export * from './drag';
export * as Click from './click';
export * from './click';
export * as Keyboard from './keyboard';
export * from './keyboard';
export * from './resizable';
export * from './box-selection';
export * from '@neodrag/svelte';
export * from './document';
export * from './focus';
let handleFocusLeaveRefCount = 0;
const handleFocusLeaveCallbacks = [];
function handleKeydown(e) {
    if (e.key === 'Escape') {
        if (handleFocusLeaveCallbacks.length === 0)
            return;
        const callback = handleFocusLeaveCallbacks.pop();
        callback(true);
    }
}
export const handleFocusLeave = (node, callback) => {
    if (handleFocusLeaveRefCount === 0) {
        document.addEventListener('keydown', handleKeydown);
    }
    handleFocusLeaveRefCount++;
    handleFocusLeaveCallbacks.push(callback);
    function handleFocusIn() { }
    function handleFocusOut() {
        requestAnimationFrame(() => {
            if (!node.contains(document.activeElement)) {
                const closestPopup = document.activeElement?.closest('.popup');
                const isDescendantOfPopup = closestPopup !== null && closestPopup !== undefined;
                if (isDescendantOfPopup)
                    return;
                callback(false);
                handleFocusLeaveCallbacks.pop();
            }
        });
    }
    document.addEventListener('focusin', handleFocusIn);
    document.addEventListener('focusout', handleFocusOut);
    // node.addEventListener("focusout", () => console.debug(document.activeElement))
    return {
        destroy() {
            handleFocusLeaveRefCount--;
            document.removeEventListener('focusin', handleFocusIn);
            document.removeEventListener('focusout', handleFocusOut);
            if (handleFocusLeaveRefCount === 0)
                document.removeEventListener('keydown', handleKeydown);
        }
    };
};
export const takeFocus = (node, active) => {
    if (!active)
        return;
    setTimeout(() => node.focus());
};
export * from './focusTrap';