immich/web/src/lib/utils/click-outside.ts

export function clickOutside(node: Node) {
	const handleClick = (event: Event) => {
		const targetNode = event.target as Node | null;
		if (!node.contains(targetNode)) {
			node.dispatchEvent(new CustomEvent('outclick'));
		}
	};

	const handleKey = (event: KeyboardEvent) => {
		if (event.key == 'Escape') {
			node.dispatchEvent(new CustomEvent('outclick'));
		}
	};

	document.addEventListener('click', handleClick, true);
	document.addEventListener('keydown', handleKey, true);

	return {
		destroy() {
			document.removeEventListener('click', handleClick, true);
			document.removeEventListener('keydown', handleKey, true);
		}
	};
}