@akashjs/runtime 0.1.0 → 0.1.1

package/dist/index.cjs

@@ -1579,6 +1579,55 @@ function useWindowSize() {
     height: (() => height())
   };
 }
+function useClickOutside(target, handler, options = {}) {
+  if (typeof document === "undefined") return () => {
+  };
+  const {
+    events = ["pointerdown"],
+    ignore = [],
+    active = true
+  } = options;
+  let isActive = active;
+  function getTarget() {
+    return typeof target === "function" ? target() : target;
+  }
+  function shouldIgnore(event) {
+    const eventTarget = event.target;
+    if (!eventTarget) return false;
+    for (const pattern of ignore) {
+      if (typeof pattern === "string") {
+        if (eventTarget.closest(pattern)) return true;
+      } else {
+        if (pattern === eventTarget || pattern.contains(eventTarget)) return true;
+      }
+    }
+    return false;
+  }
+  function listener(event) {
+    if (!isActive) return;
+    const el = getTarget();
+    if (!el) return;
+    const eventTarget = event.target;
+    if (el === eventTarget || el.contains(eventTarget)) return;
+    if (shouldIgnore(event)) return;
+    handler(event);
+  }
+  for (const eventName of events) {
+    document.addEventListener(eventName, listener, { passive: true, capture: true });
+  }
+  const dispose = () => {
+    for (const eventName of events) {
+      document.removeEventListener(eventName, listener, { capture: true });
+    }
+  };
+  dispose.enable = () => {
+    isActive = true;
+  };
+  dispose.disable = () => {
+    isActive = false;
+  };
+  return dispose;
+}
 
 // src/portal.ts
 var Portal = defineComponent((ctx) => {
@@ -5390,6 +5439,7 @@ exports.uppercase = uppercase;
 exports.urlToFilePath = urlToFilePath;
 exports.useAnnounce = useAnnounce;
 exports.useBreakpoint = useBreakpoint;
+exports.useClickOutside = useClickOutside;
 exports.useClipboard = useClipboard;
 exports.useCounter = useCounter;
 exports.useDebounce = useDebounce;