refactor(web): svelte actions (#9701)

web/src/lib/actions/focus-outside.ts

@@ -0,0 +1,21 @@
+interface Options {
+  onFocusOut?: () => void;
+}
+
+export function focusOutside(node: HTMLElement, options: Options = {}) {
+  const { onFocusOut } = options;
+
+  const handleFocusOut = (event: FocusEvent) => {
+    if (onFocusOut && event.relatedTarget instanceof Node && !node.contains(event.relatedTarget as Node)) {
+      onFocusOut();
+    }
+  };
+
+  node.addEventListener('focusout', handleFocusOut);
+
+  return {
+    destroy() {
+      node.removeEventListener('focusout', handleFocusOut);
+    },
+  };
+}