@zag-js/interact-outside 0.50.0 → 0.51.1

package/dist/index.js

@@ -1,201 +1,2 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  trackInteractOutside: () => trackInteractOutside
-});
-module.exports = __toCommonJS(src_exports);
-var import_dom_event = require("@zag-js/dom-event");
-var import_dom_query = require("@zag-js/dom-query");
-var import_utils = require("@zag-js/utils");
-
-// src/get-window-frames.ts
-function getWindowFrames(win) {
-  const frames = {
-    each(cb) {
-      for (let i = 0; i < win.frames?.length; i += 1) {
-        const frame = win.frames[i];
-        if (frame)
-          cb(frame);
-      }
-    },
-    addEventListener(event, listener, options) {
-      frames.each((frame) => {
-        try {
-          frame.document.addEventListener(event, listener, options);
-        } catch {
-        }
-      });
-      return () => {
-        try {
-          frames.removeEventListener(event, listener, options);
-        } catch {
-        }
-      };
-    },
-    removeEventListener(event, listener, options) {
-      frames.each((frame) => {
-        try {
-          frame.document.removeEventListener(event, listener, options);
-        } catch {
-        }
-      });
-    }
-  };
-  return frames;
-}
-
-// src/index.ts
-var POINTER_OUTSIDE_EVENT = "pointerdown.outside";
-var FOCUS_OUTSIDE_EVENT = "focus.outside";
-function isComposedPathFocusable(composedPath) {
-  for (const node of composedPath) {
-    if ((0, import_dom_query.isHTMLElement)(node) && (0, import_dom_query.isFocusable)(node))
-      return true;
-  }
-  return false;
-}
-var isPointerEvent = (event) => "clientY" in event;
-function isEventPointWithin(node, event) {
-  if (!isPointerEvent(event) || !node)
-    return false;
-  const rect = node.getBoundingClientRect();
-  if (rect.width === 0 || rect.height === 0)
-    return false;
-  return rect.top <= event.clientY && event.clientY <= rect.top + rect.height && rect.left <= event.clientX && event.clientX <= rect.left + rect.width;
-}
-function isEventWithinScrollbar(event) {
-  const target = (0, import_dom_query.getEventTarget)(event);
-  if (!target || !isPointerEvent(event))
-    return false;
-  const isScrollableY = target.scrollHeight > target.clientHeight;
-  const onScrollbarY = isScrollableY && event.clientX > target.clientWidth;
-  const isScrollableX = target.scrollWidth > target.clientWidth;
-  const onScrollbarX = isScrollableX && event.clientY > target.clientHeight;
-  return onScrollbarY || onScrollbarX;
-}
-function trackInteractOutsideImpl(node, options) {
-  const { exclude, onFocusOutside, onPointerDownOutside, onInteractOutside, defer } = options;
-  if (!node)
-    return;
-  const doc = (0, import_dom_query.getDocument)(node);
-  const win = (0, import_dom_query.getWindow)(node);
-  const frames = getWindowFrames(win);
-  function isEventOutside(event) {
-    const target = (0, import_dom_query.getEventTarget)(event);
-    if (!(0, import_dom_query.isHTMLElement)(target))
-      return false;
-    if ((0, import_dom_query.contains)(node, target))
-      return false;
-    if (isEventPointWithin(node, event))
-      return false;
-    if (isEventWithinScrollbar(event))
-      return false;
-    return !exclude?.(target);
-  }
-  let clickHandler;
-  function onPointerDown(event) {
-    function handler() {
-      const func = defer ? import_dom_query.raf : (v) => v();
-      const composedPath = event.composedPath?.() ?? [event.target];
-      func(() => {
-        if (!node || !isEventOutside(event))
-          return;
-        if (onPointerDownOutside || onInteractOutside) {
-          const handler2 = (0, import_utils.callAll)(onPointerDownOutside, onInteractOutside);
-          node.addEventListener(POINTER_OUTSIDE_EVENT, handler2, { once: true });
-        }
-        (0, import_dom_event.fireCustomEvent)(node, POINTER_OUTSIDE_EVENT, {
-          bubbles: false,
-          cancelable: true,
-          detail: {
-            originalEvent: event,
-            contextmenu: (0, import_dom_event.isContextMenuEvent)(event),
-            focusable: isComposedPathFocusable(composedPath)
-          }
-        });
-      });
-    }
-    if (event.pointerType === "touch") {
-      frames.removeEventListener("click", handler);
-      doc.removeEventListener("click", handler);
-      clickHandler = handler;
-      doc.addEventListener("click", handler, { once: true });
-      frames.addEventListener("click", handler, { once: true });
-    } else {
-      handler();
-    }
-  }
-  const cleanups = /* @__PURE__ */ new Set();
-  const timer = setTimeout(() => {
-    cleanups.add(frames.addEventListener("pointerdown", onPointerDown, true));
-    cleanups.add((0, import_dom_event.addDomEvent)(doc, "pointerdown", onPointerDown, true));
-  }, 0);
-  function onFocusin(event) {
-    const func = defer ? import_dom_query.raf : (v) => v();
-    func(() => {
-      if (!node || !isEventOutside(event))
-        return;
-      if (onFocusOutside || onInteractOutside) {
-        const handler = (0, import_utils.callAll)(onFocusOutside, onInteractOutside);
-        node.addEventListener(FOCUS_OUTSIDE_EVENT, handler, { once: true });
-      }
-      (0, import_dom_event.fireCustomEvent)(node, FOCUS_OUTSIDE_EVENT, {
-        bubbles: false,
-        cancelable: true,
-        detail: {
-          originalEvent: event,
-          contextmenu: false,
-          focusable: (0, import_dom_query.isFocusable)((0, import_dom_query.getEventTarget)(event))
-        }
-      });
-    });
-  }
-  cleanups.add((0, import_dom_event.addDomEvent)(doc, "focusin", onFocusin, true));
-  cleanups.add(frames.addEventListener("focusin", onFocusin, true));
-  return () => {
-    clearTimeout(timer);
-    if (clickHandler) {
-      frames.removeEventListener("click", clickHandler);
-      doc.removeEventListener("click", clickHandler);
-    }
-    cleanups.forEach((fn) => fn());
-  };
-}
-function trackInteractOutside(nodeOrFn, options) {
-  const { defer } = options;
-  const func = defer ? import_dom_query.raf : (v) => v();
-  const cleanups = [];
-  cleanups.push(
-    func(() => {
-      const node = typeof nodeOrFn === "function" ? nodeOrFn() : nodeOrFn;
-      cleanups.push(trackInteractOutsideImpl(node, options));
-    })
-  );
-  return () => {
-    cleanups.forEach((fn) => fn?.());
-  };
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  trackInteractOutside
-});
+"use strict";var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __hasOwnProp=Object.prototype.hasOwnProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:true})};var __copyProps=(to,from,except,desc)=>{if(from&&typeof from==="object"||typeof from==="function"){for(let key of __getOwnPropNames(from))if(!__hasOwnProp.call(to,key)&&key!==except)__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable})}return to};var __toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:true}),mod);var src_exports={};__export(src_exports,{trackInteractOutside:()=>trackInteractOutside});module.exports=__toCommonJS(src_exports);var import_dom_event=require("@zag-js/dom-event");var import_dom_query=require("@zag-js/dom-query");var import_utils=require("@zag-js/utils");function getWindowFrames(win){const frames={each(cb){for(let i=0;i<win.frames?.length;i+=1){const frame=win.frames[i];if(frame)cb(frame)}},addEventListener(event,listener,options){frames.each(frame=>{try{frame.document.addEventListener(event,listener,options)}catch{}});return()=>{try{frames.removeEventListener(event,listener,options)}catch{}}},removeEventListener(event,listener,options){frames.each(frame=>{try{frame.document.removeEventListener(event,listener,options)}catch{}})}};return frames}var POINTER_OUTSIDE_EVENT="pointerdown.outside";var FOCUS_OUTSIDE_EVENT="focus.outside";function isComposedPathFocusable(composedPath){for(const node of composedPath){if((0,import_dom_query.isHTMLElement)(node)&&(0,import_dom_query.isFocusable)(node))return true}return false}var isPointerEvent=event=>"clientY"in event;function isEventPointWithin(node,event){if(!isPointerEvent(event)||!node)return false;const rect=node.getBoundingClientRect();if(rect.width===0||rect.height===0)return false;return rect.top<=event.clientY&&event.clientY<=rect.top+rect.height&&rect.left<=event.clientX&&event.clientX<=rect.left+rect.width}function isEventWithinScrollbar(event){const target=(0,import_dom_query.getEventTarget)(event);if(!target||!isPointerEvent(event))return false;const isScrollableY=target.scrollHeight>target.clientHeight;const onScrollbarY=isScrollableY&&event.clientX>target.clientWidth;const isScrollableX=target.scrollWidth>target.clientWidth;const onScrollbarX=isScrollableX&&event.clientY>target.clientHeight;return onScrollbarY||onScrollbarX}function trackInteractOutsideImpl(node,options){const{exclude,onFocusOutside,onPointerDownOutside,onInteractOutside,defer}=options;if(!node)return;const doc=(0,import_dom_query.getDocument)(node);const win=(0,import_dom_query.getWindow)(node);const frames=getWindowFrames(win);function isEventOutside(event){const target=(0,import_dom_query.getEventTarget)(event);if(!(0,import_dom_query.isHTMLElement)(target))return false;if((0,import_dom_query.contains)(node,target))return false;if(isEventPointWithin(node,event))return false;if(isEventWithinScrollbar(event))return false;return!exclude?.(target)}let clickHandler;function onPointerDown(event){function handler(){const func=defer?import_dom_query.raf:v=>v();const composedPath=event.composedPath?.()??[event.target];func(()=>{if(!node||!isEventOutside(event))return;if(onPointerDownOutside||onInteractOutside){const handler2=(0,import_utils.callAll)(onPointerDownOutside,onInteractOutside);node.addEventListener(POINTER_OUTSIDE_EVENT,handler2,{once:true})}(0,import_dom_event.fireCustomEvent)(node,POINTER_OUTSIDE_EVENT,{bubbles:false,cancelable:true,detail:{originalEvent:event,contextmenu:(0,import_dom_event.isContextMenuEvent)(event),focusable:isComposedPathFocusable(composedPath)}})})}if(event.pointerType==="touch"){frames.removeEventListener("click",handler);doc.removeEventListener("click",handler);clickHandler=handler;doc.addEventListener("click",handler,{once:true});frames.addEventListener("click",handler,{once:true})}else{handler()}}const cleanups=new Set;const timer=setTimeout(()=>{cleanups.add(frames.addEventListener("pointerdown",onPointerDown,true));cleanups.add((0,import_dom_event.addDomEvent)(doc,"pointerdown",onPointerDown,true))},0);function onFocusin(event){const func=defer?import_dom_query.raf:v=>v();func(()=>{if(!node||!isEventOutside(event))return;if(onFocusOutside||onInteractOutside){const handler=(0,import_utils.callAll)(onFocusOutside,onInteractOutside);node.addEventListener(FOCUS_OUTSIDE_EVENT,handler,{once:true})}(0,import_dom_event.fireCustomEvent)(node,FOCUS_OUTSIDE_EVENT,{bubbles:false,cancelable:true,detail:{originalEvent:event,contextmenu:false,focusable:(0,import_dom_query.isFocusable)((0,import_dom_query.getEventTarget)(event))}})})}cleanups.add((0,import_dom_event.addDomEvent)(doc,"focusin",onFocusin,true));cleanups.add(frames.addEventListener("focusin",onFocusin,true));return()=>{clearTimeout(timer);if(clickHandler){frames.removeEventListener("click",clickHandler);doc.removeEventListener("click",clickHandler)}cleanups.forEach(fn=>fn())}}function trackInteractOutside(nodeOrFn,options){const{defer}=options;const func=defer?import_dom_query.raf:v=>v();const cleanups=[];cleanups.push(func(()=>{const node=typeof nodeOrFn==="function"?nodeOrFn():nodeOrFn;cleanups.push(trackInteractOutsideImpl(node,options))}));return()=>{cleanups.forEach(fn=>fn?.())}}0&&(module.exports={trackInteractOutside});
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/get-window-frames.ts"],"sourcesContent":["import { addDomEvent, fireCustomEvent, isContextMenuEvent } from \"@zag-js/dom-event\"\nimport { contains, getDocument, getEventTarget, getWindow, isFocusable, isHTMLElement, raf } from \"@zag-js/dom-query\"\nimport { callAll } from \"@zag-js/utils\"\nimport { getWindowFrames } from \"./get-window-frames\"\n\nexport interface InteractOutsideHandlers {\n  /**\n   * Function called when the pointer is pressed down outside the component\n   */\n  onPointerDownOutside?: (event: PointerDownOutsideEvent) => void\n  /**\n   * Function called when the focus is moved outside the component\n   */\n  onFocusOutside?: (event: FocusOutsideEvent) => void\n  /**\n   * Function called when an interaction happens outside the component\n   */\n  onInteractOutside?: (event: InteractOutsideEvent) => void\n}\n\nexport interface InteractOutsideOptions extends InteractOutsideHandlers {\n  exclude?: (target: HTMLElement) => boolean\n  defer?: boolean\n}\n\nexport interface EventDetails<T> {\n  originalEvent: T\n  contextmenu: boolean\n  focusable: boolean\n}\n\nconst POINTER_OUTSIDE_EVENT = \"pointerdown.outside\"\nconst FOCUS_OUTSIDE_EVENT = \"focus.outside\"\n\nexport type PointerDownOutsideEvent = CustomEvent<EventDetails<PointerEvent>>\n\nexport type FocusOutsideEvent = CustomEvent<EventDetails<FocusEvent>>\n\nexport type InteractOutsideEvent = PointerDownOutsideEvent | FocusOutsideEvent\n\nexport type MaybeElement = HTMLElement | null | undefined\nexport type NodeOrFn = MaybeElement | (() => MaybeElement)\n\nfunction isComposedPathFocusable(composedPath: EventTarget[]) {\n  for (const node of composedPath) {\n    if (isHTMLElement(node) && isFocusable(node)) return true\n  }\n  return false\n}\n\nconst isPointerEvent = (event: Event): event is PointerEvent => \"clientY\" in event\n\nfunction isEventPointWithin(node: MaybeElement, event: Event) {\n  if (!isPointerEvent(event) || !node) return false\n\n  const rect = node.getBoundingClientRect()\n  if (rect.width === 0 || rect.height === 0) return false\n\n  return (\n    rect.top <= event.clientY &&\n    event.clientY <= rect.top + rect.height &&\n    rect.left <= event.clientX &&\n    event.clientX <= rect.left + rect.width\n  )\n}\n\nfunction isEventWithinScrollbar(event: Event): boolean {\n  const target = getEventTarget<HTMLElement>(event)\n  if (!target || !isPointerEvent(event)) return false\n\n  const isScrollableY = target.scrollHeight > target.clientHeight\n  const onScrollbarY = isScrollableY && event.clientX > target.clientWidth\n\n  const isScrollableX = target.scrollWidth > target.clientWidth\n  const onScrollbarX = isScrollableX && event.clientY > target.clientHeight\n\n  return onScrollbarY || onScrollbarX\n}\n\nfunction trackInteractOutsideImpl(node: MaybeElement, options: InteractOutsideOptions) {\n  const { exclude, onFocusOutside, onPointerDownOutside, onInteractOutside, defer } = options\n\n  if (!node) return\n\n  const doc = getDocument(node)\n  const win = getWindow(node)\n  const frames = getWindowFrames(win)\n\n  function isEventOutside(event: Event): boolean {\n    const target = getEventTarget(event)\n    if (!isHTMLElement(target)) return false\n    if (contains(node, target)) return false\n    if (isEventPointWithin(node, event)) return false\n    if (isEventWithinScrollbar(event)) return false\n    return !exclude?.(target)\n  }\n\n  let clickHandler: VoidFunction\n\n  function onPointerDown(event: PointerEvent) {\n    //\n    function handler() {\n      const func = defer ? raf : (v: any) => v()\n      const composedPath = event.composedPath?.() ?? [event.target]\n      func(() => {\n        if (!node || !isEventOutside(event)) return\n\n        if (onPointerDownOutside || onInteractOutside) {\n          const handler = callAll(onPointerDownOutside, onInteractOutside) as EventListener\n          node.addEventListener(POINTER_OUTSIDE_EVENT, handler, { once: true })\n        }\n\n        fireCustomEvent(node, POINTER_OUTSIDE_EVENT, {\n          bubbles: false,\n          cancelable: true,\n          detail: {\n            originalEvent: event,\n            contextmenu: isContextMenuEvent(event),\n            focusable: isComposedPathFocusable(composedPath),\n          },\n        })\n      })\n    }\n\n    if (event.pointerType === \"touch\") {\n      frames.removeEventListener(\"click\", handler)\n      doc.removeEventListener(\"click\", handler)\n\n      clickHandler = handler\n\n      doc.addEventListener(\"click\", handler, { once: true })\n      frames.addEventListener(\"click\", handler, { once: true })\n    } else {\n      handler()\n    }\n  }\n  const cleanups = new Set<VoidFunction>()\n\n  const timer = setTimeout(() => {\n    cleanups.add(frames.addEventListener(\"pointerdown\", onPointerDown, true))\n    cleanups.add(addDomEvent(doc, \"pointerdown\", onPointerDown, true))\n  }, 0)\n\n  function onFocusin(event: FocusEvent) {\n    //\n    const func = defer ? raf : (v: any) => v()\n    func(() => {\n      if (!node || !isEventOutside(event)) return\n\n      if (onFocusOutside || onInteractOutside) {\n        const handler = callAll(onFocusOutside, onInteractOutside) as EventListener\n        node.addEventListener(FOCUS_OUTSIDE_EVENT, handler, { once: true })\n      }\n\n      fireCustomEvent(node, FOCUS_OUTSIDE_EVENT, {\n        bubbles: false,\n        cancelable: true,\n        detail: {\n          originalEvent: event,\n          contextmenu: false,\n          focusable: isFocusable(getEventTarget(event)),\n        },\n      })\n    })\n  }\n\n  cleanups.add(addDomEvent(doc, \"focusin\", onFocusin, true))\n  cleanups.add(frames.addEventListener(\"focusin\", onFocusin, true))\n\n  return () => {\n    clearTimeout(timer)\n    if (clickHandler) {\n      frames.removeEventListener(\"click\", clickHandler)\n      doc.removeEventListener(\"click\", clickHandler)\n    }\n    cleanups.forEach((fn) => fn())\n  }\n}\n\nexport function trackInteractOutside(nodeOrFn: NodeOrFn, options: InteractOutsideOptions) {\n  const { defer } = options\n  const func = defer ? raf : (v: any) => v()\n  const cleanups: (VoidFunction | undefined)[] = []\n  cleanups.push(\n    func(() => {\n      const node = typeof nodeOrFn === \"function\" ? nodeOrFn() : nodeOrFn\n      cleanups.push(trackInteractOutsideImpl(node, options))\n    }),\n  )\n  return () => {\n    cleanups.forEach((fn) => fn?.())\n  }\n}\n","export function getWindowFrames(win: Window) {\n  const frames = {\n    each(cb: (win: Window) => void) {\n      for (let i = 0; i < win.frames?.length; i += 1) {\n        const frame = win.frames[i]\n        if (frame) cb(frame)\n      }\n    },\n    addEventListener(event: string, listener: any, options?: any) {\n      frames.each((frame) => {\n        try {\n          frame.document.addEventListener(event, listener, options)\n        } catch {}\n      })\n      return () => {\n        try {\n          frames.removeEventListener(event, listener, options)\n        } catch {}\n      }\n    },\n    removeEventListener(event: string, listener: any, options?: any) {\n      frames.each((frame) => {\n        try {\n          frame.document.removeEventListener(event, listener, options)\n        } catch {}\n      })\n    },\n  }\n  return frames\n}\n"],"mappings":"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","names":["handler"]}
+{"version":3,"sources":["../src/index.ts","../src/get-window-frames.ts"],"sourcesContent":["import { addDomEvent, fireCustomEvent, isContextMenuEvent } from \"@zag-js/dom-event\"\nimport { contains, getDocument, getEventTarget, getWindow, isFocusable, isHTMLElement, raf } from \"@zag-js/dom-query\"\nimport { callAll } from \"@zag-js/utils\"\nimport { getWindowFrames } from \"./get-window-frames\"\n\nexport interface InteractOutsideHandlers {\n  /**\n   * Function called when the pointer is pressed down outside the component\n   */\n  onPointerDownOutside?: (event: PointerDownOutsideEvent) => void\n  /**\n   * Function called when the focus is moved outside the component\n   */\n  onFocusOutside?: (event: FocusOutsideEvent) => void\n  /**\n   * Function called when an interaction happens outside the component\n   */\n  onInteractOutside?: (event: InteractOutsideEvent) => void\n}\n\nexport interface InteractOutsideOptions extends InteractOutsideHandlers {\n  exclude?: (target: HTMLElement) => boolean\n  defer?: boolean\n}\n\nexport interface EventDetails<T> {\n  originalEvent: T\n  contextmenu: boolean\n  focusable: boolean\n}\n\nconst POINTER_OUTSIDE_EVENT = \"pointerdown.outside\"\nconst FOCUS_OUTSIDE_EVENT = \"focus.outside\"\n\nexport type PointerDownOutsideEvent = CustomEvent<EventDetails<PointerEvent>>\n\nexport type FocusOutsideEvent = CustomEvent<EventDetails<FocusEvent>>\n\nexport type InteractOutsideEvent = PointerDownOutsideEvent | FocusOutsideEvent\n\nexport type MaybeElement = HTMLElement | null | undefined\nexport type NodeOrFn = MaybeElement | (() => MaybeElement)\n\nfunction isComposedPathFocusable(composedPath: EventTarget[]) {\n  for (const node of composedPath) {\n    if (isHTMLElement(node) && isFocusable(node)) return true\n  }\n  return false\n}\n\nconst isPointerEvent = (event: Event): event is PointerEvent => \"clientY\" in event\n\nfunction isEventPointWithin(node: MaybeElement, event: Event) {\n  if (!isPointerEvent(event) || !node) return false\n\n  const rect = node.getBoundingClientRect()\n  if (rect.width === 0 || rect.height === 0) return false\n\n  return (\n    rect.top <= event.clientY &&\n    event.clientY <= rect.top + rect.height &&\n    rect.left <= event.clientX &&\n    event.clientX <= rect.left + rect.width\n  )\n}\n\nfunction isEventWithinScrollbar(event: Event): boolean {\n  const target = getEventTarget<HTMLElement>(event)\n  if (!target || !isPointerEvent(event)) return false\n\n  const isScrollableY = target.scrollHeight > target.clientHeight\n  const onScrollbarY = isScrollableY && event.clientX > target.clientWidth\n\n  const isScrollableX = target.scrollWidth > target.clientWidth\n  const onScrollbarX = isScrollableX && event.clientY > target.clientHeight\n\n  return onScrollbarY || onScrollbarX\n}\n\nfunction trackInteractOutsideImpl(node: MaybeElement, options: InteractOutsideOptions) {\n  const { exclude, onFocusOutside, onPointerDownOutside, onInteractOutside, defer } = options\n\n  if (!node) return\n\n  const doc = getDocument(node)\n  const win = getWindow(node)\n  const frames = getWindowFrames(win)\n\n  function isEventOutside(event: Event): boolean {\n    const target = getEventTarget(event)\n    if (!isHTMLElement(target)) return false\n    if (contains(node, target)) return false\n    if (isEventPointWithin(node, event)) return false\n    if (isEventWithinScrollbar(event)) return false\n    return !exclude?.(target)\n  }\n\n  let clickHandler: VoidFunction\n\n  function onPointerDown(event: PointerEvent) {\n    //\n    function handler() {\n      const func = defer ? raf : (v: any) => v()\n      const composedPath = event.composedPath?.() ?? [event.target]\n      func(() => {\n        if (!node || !isEventOutside(event)) return\n\n        if (onPointerDownOutside || onInteractOutside) {\n          const handler = callAll(onPointerDownOutside, onInteractOutside) as EventListener\n          node.addEventListener(POINTER_OUTSIDE_EVENT, handler, { once: true })\n        }\n\n        fireCustomEvent(node, POINTER_OUTSIDE_EVENT, {\n          bubbles: false,\n          cancelable: true,\n          detail: {\n            originalEvent: event,\n            contextmenu: isContextMenuEvent(event),\n            focusable: isComposedPathFocusable(composedPath),\n          },\n        })\n      })\n    }\n\n    if (event.pointerType === \"touch\") {\n      frames.removeEventListener(\"click\", handler)\n      doc.removeEventListener(\"click\", handler)\n\n      clickHandler = handler\n\n      doc.addEventListener(\"click\", handler, { once: true })\n      frames.addEventListener(\"click\", handler, { once: true })\n    } else {\n      handler()\n    }\n  }\n  const cleanups = new Set<VoidFunction>()\n\n  const timer = setTimeout(() => {\n    cleanups.add(frames.addEventListener(\"pointerdown\", onPointerDown, true))\n    cleanups.add(addDomEvent(doc, \"pointerdown\", onPointerDown, true))\n  }, 0)\n\n  function onFocusin(event: FocusEvent) {\n    //\n    const func = defer ? raf : (v: any) => v()\n    func(() => {\n      if (!node || !isEventOutside(event)) return\n\n      if (onFocusOutside || onInteractOutside) {\n        const handler = callAll(onFocusOutside, onInteractOutside) as EventListener\n        node.addEventListener(FOCUS_OUTSIDE_EVENT, handler, { once: true })\n      }\n\n      fireCustomEvent(node, FOCUS_OUTSIDE_EVENT, {\n        bubbles: false,\n        cancelable: true,\n        detail: {\n          originalEvent: event,\n          contextmenu: false,\n          focusable: isFocusable(getEventTarget(event)),\n        },\n      })\n    })\n  }\n\n  cleanups.add(addDomEvent(doc, \"focusin\", onFocusin, true))\n  cleanups.add(frames.addEventListener(\"focusin\", onFocusin, true))\n\n  return () => {\n    clearTimeout(timer)\n    if (clickHandler) {\n      frames.removeEventListener(\"click\", clickHandler)\n      doc.removeEventListener(\"click\", clickHandler)\n    }\n    cleanups.forEach((fn) => fn())\n  }\n}\n\nexport function trackInteractOutside(nodeOrFn: NodeOrFn, options: InteractOutsideOptions) {\n  const { defer } = options\n  const func = defer ? raf : (v: any) => v()\n  const cleanups: (VoidFunction | undefined)[] = []\n  cleanups.push(\n    func(() => {\n      const node = typeof nodeOrFn === \"function\" ? nodeOrFn() : nodeOrFn\n      cleanups.push(trackInteractOutsideImpl(node, options))\n    }),\n  )\n  return () => {\n    cleanups.forEach((fn) => fn?.())\n  }\n}\n","export function getWindowFrames(win: Window) {\n  const frames = {\n    each(cb: (win: Window) => void) {\n      for (let i = 0; i < win.frames?.length; i += 1) {\n        const frame = win.frames[i]\n        if (frame) cb(frame)\n      }\n    },\n    addEventListener(event: string, listener: any, options?: any) {\n      frames.each((frame) => {\n        try {\n          frame.document.addEventListener(event, listener, options)\n        } catch {}\n      })\n      return () => {\n        try {\n          frames.removeEventListener(event, listener, options)\n        } catch {}\n      }\n    },\n    removeEventListener(event: string, listener: any, options?: any) {\n      frames.each((frame) => {\n        try {\n          frame.document.removeEventListener(event, listener, options)\n        } catch {}\n      })\n    },\n  }\n  return frames\n}\n"],"mappings":"qqBAAA,uJAAiE,6BACjE,qBAAkG,6BAClG,iBAAwB,yBCFjB,SAAS,gBAAgB,IAAa,CAC3C,MAAM,OAAS,CACb,KAAK,GAA2B,CAC9B,QAAS,EAAI,EAAG,EAAI,IAAI,QAAQ,OAAQ,GAAK,EAAG,CAC9C,MAAM,MAAQ,IAAI,OAAO,CAAC,EAC1B,GAAI,MAAO,GAAG,KAAK,CACrB,CACF,EACA,iBAAiB,MAAe,SAAe,QAAe,CAC5D,OAAO,KAAM,OAAU,CACrB,GAAI,CACF,MAAM,SAAS,iBAAiB,MAAO,SAAU,OAAO,CAC1D,MAAQ,CAAC,CACX,CAAC,EACD,MAAO,IAAM,CACX,GAAI,CACF,OAAO,oBAAoB,MAAO,SAAU,OAAO,CACrD,MAAQ,CAAC,CACX,CACF,EACA,oBAAoB,MAAe,SAAe,QAAe,CAC/D,OAAO,KAAM,OAAU,CACrB,GAAI,CACF,MAAM,SAAS,oBAAoB,MAAO,SAAU,OAAO,CAC7D,MAAQ,CAAC,CACX,CAAC,CACH,CACF,EACA,OAAO,MACT,CDEA,IAAM,sBAAwB,sBAC9B,IAAM,oBAAsB,gBAW5B,SAAS,wBAAwB,aAA6B,CAC5D,UAAW,QAAQ,aAAc,CAC/B,MAAI,gCAAc,IAAI,MAAK,8BAAY,IAAI,EAAG,MAAO,KACvD,CACA,MAAO,MACT,CAEA,IAAM,eAAkB,OAAwC,YAAa,MAE7E,SAAS,mBAAmB,KAAoB,MAAc,CAC5D,GAAI,CAAC,eAAe,KAAK,GAAK,CAAC,KAAM,MAAO,OAE5C,MAAM,KAAO,KAAK,sBAAsB,EACxC,GAAI,KAAK,QAAU,GAAK,KAAK,SAAW,EAAG,MAAO,OAElD,OACE,KAAK,KAAO,MAAM,SAClB,MAAM,SAAW,KAAK,IAAM,KAAK,QACjC,KAAK,MAAQ,MAAM,SACnB,MAAM,SAAW,KAAK,KAAO,KAAK,KAEtC,CAEA,SAAS,uBAAuB,MAAuB,CACrD,MAAM,UAAS,iCAA4B,KAAK,EAChD,GAAI,CAAC,QAAU,CAAC,eAAe,KAAK,EAAG,MAAO,OAE9C,MAAM,cAAgB,OAAO,aAAe,OAAO,aACnD,MAAM,aAAe,eAAiB,MAAM,QAAU,OAAO,YAE7D,MAAM,cAAgB,OAAO,YAAc,OAAO,YAClD,MAAM,aAAe,eAAiB,MAAM,QAAU,OAAO,aAE7D,OAAO,cAAgB,YACzB,CAEA,SAAS,yBAAyB,KAAoB,QAAiC,CACrF,KAAM,CAAE,QAAS,eAAgB,qBAAsB,kBAAmB,KAAM,EAAI,QAEpF,GAAI,CAAC,KAAM,OAEX,MAAM,OAAM,8BAAY,IAAI,EAC5B,MAAM,OAAM,4BAAU,IAAI,EAC1B,MAAM,OAAS,gBAAgB,GAAG,EAElC,SAAS,eAAe,MAAuB,CAC7C,MAAM,UAAS,iCAAe,KAAK,EACnC,GAAI,IAAC,gCAAc,MAAM,EAAG,MAAO,OACnC,MAAI,2BAAS,KAAM,MAAM,EAAG,MAAO,OACnC,GAAI,mBAAmB,KAAM,KAAK,EAAG,MAAO,OAC5C,GAAI,uBAAuB,KAAK,EAAG,MAAO,OAC1C,MAAO,CAAC,UAAU,MAAM,CAC1B,CAEA,IAAI,aAEJ,SAAS,cAAc,MAAqB,CAE1C,SAAS,SAAU,CACjB,MAAM,KAAO,MAAQ,qBAAO,GAAW,EAAE,EACzC,MAAM,aAAe,MAAM,eAAe,GAAK,CAAC,MAAM,MAAM,EAC5D,KAAK,IAAM,CACT,GAAI,CAAC,MAAQ,CAAC,eAAe,KAAK,EAAG,OAErC,GAAI,sBAAwB,kBAAmB,CAC7C,MAAMA,YAAU,sBAAQ,qBAAsB,iBAAiB,EAC/D,KAAK,iBAAiB,sBAAuBA,SAAS,CAAE,KAAM,IAAK,CAAC,CACtE,IAEA,kCAAgB,KAAM,sBAAuB,CAC3C,QAAS,MACT,WAAY,KACZ,OAAQ,CACN,cAAe,MACf,eAAa,qCAAmB,KAAK,EACrC,UAAW,wBAAwB,YAAY,CACjD,CACF,CAAC,CACH,CAAC,CACH,CAEA,GAAI,MAAM,cAAgB,QAAS,CACjC,OAAO,oBAAoB,QAAS,OAAO,EAC3C,IAAI,oBAAoB,QAAS,OAAO,EAExC,aAAe,QAEf,IAAI,iBAAiB,QAAS,QAAS,CAAE,KAAM,IAAK,CAAC,EACrD,OAAO,iBAAiB,QAAS,QAAS,CAAE,KAAM,IAAK,CAAC,CAC1D,KAAO,CACL,QAAQ,CACV,CACF,CACA,MAAM,SAAW,IAAI,IAErB,MAAM,MAAQ,WAAW,IAAM,CAC7B,SAAS,IAAI,OAAO,iBAAiB,cAAe,cAAe,IAAI,CAAC,EACxE,SAAS,OAAI,8BAAY,IAAK,cAAe,cAAe,IAAI,CAAC,CACnE,EAAG,CAAC,EAEJ,SAAS,UAAU,MAAmB,CAEpC,MAAM,KAAO,MAAQ,qBAAO,GAAW,EAAE,EACzC,KAAK,IAAM,CACT,GAAI,CAAC,MAAQ,CAAC,eAAe,KAAK,EAAG,OAErC,GAAI,gBAAkB,kBAAmB,CACvC,MAAM,WAAU,sBAAQ,eAAgB,iBAAiB,EACzD,KAAK,iBAAiB,oBAAqB,QAAS,CAAE,KAAM,IAAK,CAAC,CACpE,IAEA,kCAAgB,KAAM,oBAAqB,CACzC,QAAS,MACT,WAAY,KACZ,OAAQ,CACN,cAAe,MACf,YAAa,MACb,aAAW,iCAAY,iCAAe,KAAK,CAAC,CAC9C,CACF,CAAC,CACH,CAAC,CACH,CAEA,SAAS,OAAI,8BAAY,IAAK,UAAW,UAAW,IAAI,CAAC,EACzD,SAAS,IAAI,OAAO,iBAAiB,UAAW,UAAW,IAAI,CAAC,EAEhE,MAAO,IAAM,CACX,aAAa,KAAK,EAClB,GAAI,aAAc,CAChB,OAAO,oBAAoB,QAAS,YAAY,EAChD,IAAI,oBAAoB,QAAS,YAAY,CAC/C,CACA,SAAS,QAAS,IAAO,GAAG,CAAC,CAC/B,CACF,CAEO,SAAS,qBAAqB,SAAoB,QAAiC,CACxF,KAAM,CAAE,KAAM,EAAI,QAClB,MAAM,KAAO,MAAQ,qBAAO,GAAW,EAAE,EACzC,MAAM,SAAyC,CAAC,EAChD,SAAS,KACP,KAAK,IAAM,CACT,MAAM,KAAO,OAAO,WAAa,WAAa,SAAS,EAAI,SAC3D,SAAS,KAAK,yBAAyB,KAAM,OAAO,CAAC,CACvD,CAAC,CACH,EACA,MAAO,IAAM,CACX,SAAS,QAAS,IAAO,KAAK,CAAC,CACjC,CACF","names":["handler"]}

package/dist/index.mjs

@@ -1,176 +1,2 @@
-// src/index.ts
-import { addDomEvent, fireCustomEvent, isContextMenuEvent } from "@zag-js/dom-event";
-import { contains, getDocument, getEventTarget, getWindow, isFocusable, isHTMLElement, raf } from "@zag-js/dom-query";
-import { callAll } from "@zag-js/utils";
-
-// src/get-window-frames.ts
-function getWindowFrames(win) {
-  const frames = {
-    each(cb) {
-      for (let i = 0; i < win.frames?.length; i += 1) {
-        const frame = win.frames[i];
-        if (frame)
-          cb(frame);
-      }
-    },
-    addEventListener(event, listener, options) {
-      frames.each((frame) => {
-        try {
-          frame.document.addEventListener(event, listener, options);
-        } catch {
-        }
-      });
-      return () => {
-        try {
-          frames.removeEventListener(event, listener, options);
-        } catch {
-        }
-      };
-    },
-    removeEventListener(event, listener, options) {
-      frames.each((frame) => {
-        try {
-          frame.document.removeEventListener(event, listener, options);
-        } catch {
-        }
-      });
-    }
-  };
-  return frames;
-}
-
-// src/index.ts
-var POINTER_OUTSIDE_EVENT = "pointerdown.outside";
-var FOCUS_OUTSIDE_EVENT = "focus.outside";
-function isComposedPathFocusable(composedPath) {
-  for (const node of composedPath) {
-    if (isHTMLElement(node) && isFocusable(node))
-      return true;
-  }
-  return false;
-}
-var isPointerEvent = (event) => "clientY" in event;
-function isEventPointWithin(node, event) {
-  if (!isPointerEvent(event) || !node)
-    return false;
-  const rect = node.getBoundingClientRect();
-  if (rect.width === 0 || rect.height === 0)
-    return false;
-  return rect.top <= event.clientY && event.clientY <= rect.top + rect.height && rect.left <= event.clientX && event.clientX <= rect.left + rect.width;
-}
-function isEventWithinScrollbar(event) {
-  const target = getEventTarget(event);
-  if (!target || !isPointerEvent(event))
-    return false;
-  const isScrollableY = target.scrollHeight > target.clientHeight;
-  const onScrollbarY = isScrollableY && event.clientX > target.clientWidth;
-  const isScrollableX = target.scrollWidth > target.clientWidth;
-  const onScrollbarX = isScrollableX && event.clientY > target.clientHeight;
-  return onScrollbarY || onScrollbarX;
-}
-function trackInteractOutsideImpl(node, options) {
-  const { exclude, onFocusOutside, onPointerDownOutside, onInteractOutside, defer } = options;
-  if (!node)
-    return;
-  const doc = getDocument(node);
-  const win = getWindow(node);
-  const frames = getWindowFrames(win);
-  function isEventOutside(event) {
-    const target = getEventTarget(event);
-    if (!isHTMLElement(target))
-      return false;
-    if (contains(node, target))
-      return false;
-    if (isEventPointWithin(node, event))
-      return false;
-    if (isEventWithinScrollbar(event))
-      return false;
-    return !exclude?.(target);
-  }
-  let clickHandler;
-  function onPointerDown(event) {
-    function handler() {
-      const func = defer ? raf : (v) => v();
-      const composedPath = event.composedPath?.() ?? [event.target];
-      func(() => {
-        if (!node || !isEventOutside(event))
-          return;
-        if (onPointerDownOutside || onInteractOutside) {
-          const handler2 = callAll(onPointerDownOutside, onInteractOutside);
-          node.addEventListener(POINTER_OUTSIDE_EVENT, handler2, { once: true });
-        }
-        fireCustomEvent(node, POINTER_OUTSIDE_EVENT, {
-          bubbles: false,
-          cancelable: true,
-          detail: {
-            originalEvent: event,
-            contextmenu: isContextMenuEvent(event),
-            focusable: isComposedPathFocusable(composedPath)
-          }
-        });
-      });
-    }
-    if (event.pointerType === "touch") {
-      frames.removeEventListener("click", handler);
-      doc.removeEventListener("click", handler);
-      clickHandler = handler;
-      doc.addEventListener("click", handler, { once: true });
-      frames.addEventListener("click", handler, { once: true });
-    } else {
-      handler();
-    }
-  }
-  const cleanups = /* @__PURE__ */ new Set();
-  const timer = setTimeout(() => {
-    cleanups.add(frames.addEventListener("pointerdown", onPointerDown, true));
-    cleanups.add(addDomEvent(doc, "pointerdown", onPointerDown, true));
-  }, 0);
-  function onFocusin(event) {
-    const func = defer ? raf : (v) => v();
-    func(() => {
-      if (!node || !isEventOutside(event))
-        return;
-      if (onFocusOutside || onInteractOutside) {
-        const handler = callAll(onFocusOutside, onInteractOutside);
-        node.addEventListener(FOCUS_OUTSIDE_EVENT, handler, { once: true });
-      }
-      fireCustomEvent(node, FOCUS_OUTSIDE_EVENT, {
-        bubbles: false,
-        cancelable: true,
-        detail: {
-          originalEvent: event,
-          contextmenu: false,
-          focusable: isFocusable(getEventTarget(event))
-        }
-      });
-    });
-  }
-  cleanups.add(addDomEvent(doc, "focusin", onFocusin, true));
-  cleanups.add(frames.addEventListener("focusin", onFocusin, true));
-  return () => {
-    clearTimeout(timer);
-    if (clickHandler) {
-      frames.removeEventListener("click", clickHandler);
-      doc.removeEventListener("click", clickHandler);
-    }
-    cleanups.forEach((fn) => fn());
-  };
-}
-function trackInteractOutside(nodeOrFn, options) {
-  const { defer } = options;
-  const func = defer ? raf : (v) => v();
-  const cleanups = [];
-  cleanups.push(
-    func(() => {
-      const node = typeof nodeOrFn === "function" ? nodeOrFn() : nodeOrFn;
-      cleanups.push(trackInteractOutsideImpl(node, options));
-    })
-  );
-  return () => {
-    cleanups.forEach((fn) => fn?.());
-  };
-}
-export {
-  trackInteractOutside
-};
+import{addDomEvent,fireCustomEvent,isContextMenuEvent}from"@zag-js/dom-event";import{contains,getDocument,getEventTarget,getWindow,isFocusable,isHTMLElement,raf}from"@zag-js/dom-query";import{callAll}from"@zag-js/utils";function getWindowFrames(win){const frames={each(cb){for(let i=0;i<win.frames?.length;i+=1){const frame=win.frames[i];if(frame)cb(frame)}},addEventListener(event,listener,options){frames.each(frame=>{try{frame.document.addEventListener(event,listener,options)}catch{}});return()=>{try{frames.removeEventListener(event,listener,options)}catch{}}},removeEventListener(event,listener,options){frames.each(frame=>{try{frame.document.removeEventListener(event,listener,options)}catch{}})}};return frames}var POINTER_OUTSIDE_EVENT="pointerdown.outside";var FOCUS_OUTSIDE_EVENT="focus.outside";function isComposedPathFocusable(composedPath){for(const node of composedPath){if(isHTMLElement(node)&&isFocusable(node))return true}return false}var isPointerEvent=event=>"clientY"in event;function isEventPointWithin(node,event){if(!isPointerEvent(event)||!node)return false;const rect=node.getBoundingClientRect();if(rect.width===0||rect.height===0)return false;return rect.top<=event.clientY&&event.clientY<=rect.top+rect.height&&rect.left<=event.clientX&&event.clientX<=rect.left+rect.width}function isEventWithinScrollbar(event){const target=getEventTarget(event);if(!target||!isPointerEvent(event))return false;const isScrollableY=target.scrollHeight>target.clientHeight;const onScrollbarY=isScrollableY&&event.clientX>target.clientWidth;const isScrollableX=target.scrollWidth>target.clientWidth;const onScrollbarX=isScrollableX&&event.clientY>target.clientHeight;return onScrollbarY||onScrollbarX}function trackInteractOutsideImpl(node,options){const{exclude,onFocusOutside,onPointerDownOutside,onInteractOutside,defer}=options;if(!node)return;const doc=getDocument(node);const win=getWindow(node);const frames=getWindowFrames(win);function isEventOutside(event){const target=getEventTarget(event);if(!isHTMLElement(target))return false;if(contains(node,target))return false;if(isEventPointWithin(node,event))return false;if(isEventWithinScrollbar(event))return false;return!exclude?.(target)}let clickHandler;function onPointerDown(event){function handler(){const func=defer?raf:v=>v();const composedPath=event.composedPath?.()??[event.target];func(()=>{if(!node||!isEventOutside(event))return;if(onPointerDownOutside||onInteractOutside){const handler2=callAll(onPointerDownOutside,onInteractOutside);node.addEventListener(POINTER_OUTSIDE_EVENT,handler2,{once:true})}fireCustomEvent(node,POINTER_OUTSIDE_EVENT,{bubbles:false,cancelable:true,detail:{originalEvent:event,contextmenu:isContextMenuEvent(event),focusable:isComposedPathFocusable(composedPath)}})})}if(event.pointerType==="touch"){frames.removeEventListener("click",handler);doc.removeEventListener("click",handler);clickHandler=handler;doc.addEventListener("click",handler,{once:true});frames.addEventListener("click",handler,{once:true})}else{handler()}}const cleanups=new Set;const timer=setTimeout(()=>{cleanups.add(frames.addEventListener("pointerdown",onPointerDown,true));cleanups.add(addDomEvent(doc,"pointerdown",onPointerDown,true))},0);function onFocusin(event){const func=defer?raf:v=>v();func(()=>{if(!node||!isEventOutside(event))return;if(onFocusOutside||onInteractOutside){const handler=callAll(onFocusOutside,onInteractOutside);node.addEventListener(FOCUS_OUTSIDE_EVENT,handler,{once:true})}fireCustomEvent(node,FOCUS_OUTSIDE_EVENT,{bubbles:false,cancelable:true,detail:{originalEvent:event,contextmenu:false,focusable:isFocusable(getEventTarget(event))}})})}cleanups.add(addDomEvent(doc,"focusin",onFocusin,true));cleanups.add(frames.addEventListener("focusin",onFocusin,true));return()=>{clearTimeout(timer);if(clickHandler){frames.removeEventListener("click",clickHandler);doc.removeEventListener("click",clickHandler)}cleanups.forEach(fn=>fn())}}function trackInteractOutside(nodeOrFn,options){const{defer}=options;const func=defer?raf:v=>v();const cleanups=[];cleanups.push(func(()=>{const node=typeof nodeOrFn==="function"?nodeOrFn():nodeOrFn;cleanups.push(trackInteractOutsideImpl(node,options))}));return()=>{cleanups.forEach(fn=>fn?.())}}export{trackInteractOutside};
 //# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/get-window-frames.ts"],"sourcesContent":["import { addDomEvent, fireCustomEvent, isContextMenuEvent } from \"@zag-js/dom-event\"\nimport { contains, getDocument, getEventTarget, getWindow, isFocusable, isHTMLElement, raf } from \"@zag-js/dom-query\"\nimport { callAll } from \"@zag-js/utils\"\nimport { getWindowFrames } from \"./get-window-frames\"\n\nexport interface InteractOutsideHandlers {\n  /**\n   * Function called when the pointer is pressed down outside the component\n   */\n  onPointerDownOutside?: (event: PointerDownOutsideEvent) => void\n  /**\n   * Function called when the focus is moved outside the component\n   */\n  onFocusOutside?: (event: FocusOutsideEvent) => void\n  /**\n   * Function called when an interaction happens outside the component\n   */\n  onInteractOutside?: (event: InteractOutsideEvent) => void\n}\n\nexport interface InteractOutsideOptions extends InteractOutsideHandlers {\n  exclude?: (target: HTMLElement) => boolean\n  defer?: boolean\n}\n\nexport interface EventDetails<T> {\n  originalEvent: T\n  contextmenu: boolean\n  focusable: boolean\n}\n\nconst POINTER_OUTSIDE_EVENT = \"pointerdown.outside\"\nconst FOCUS_OUTSIDE_EVENT = \"focus.outside\"\n\nexport type PointerDownOutsideEvent = CustomEvent<EventDetails<PointerEvent>>\n\nexport type FocusOutsideEvent = CustomEvent<EventDetails<FocusEvent>>\n\nexport type InteractOutsideEvent = PointerDownOutsideEvent | FocusOutsideEvent\n\nexport type MaybeElement = HTMLElement | null | undefined\nexport type NodeOrFn = MaybeElement | (() => MaybeElement)\n\nfunction isComposedPathFocusable(composedPath: EventTarget[]) {\n  for (const node of composedPath) {\n    if (isHTMLElement(node) && isFocusable(node)) return true\n  }\n  return false\n}\n\nconst isPointerEvent = (event: Event): event is PointerEvent => \"clientY\" in event\n\nfunction isEventPointWithin(node: MaybeElement, event: Event) {\n  if (!isPointerEvent(event) || !node) return false\n\n  const rect = node.getBoundingClientRect()\n  if (rect.width === 0 || rect.height === 0) return false\n\n  return (\n    rect.top <= event.clientY &&\n    event.clientY <= rect.top + rect.height &&\n    rect.left <= event.clientX &&\n    event.clientX <= rect.left + rect.width\n  )\n}\n\nfunction isEventWithinScrollbar(event: Event): boolean {\n  const target = getEventTarget<HTMLElement>(event)\n  if (!target || !isPointerEvent(event)) return false\n\n  const isScrollableY = target.scrollHeight > target.clientHeight\n  const onScrollbarY = isScrollableY && event.clientX > target.clientWidth\n\n  const isScrollableX = target.scrollWidth > target.clientWidth\n  const onScrollbarX = isScrollableX && event.clientY > target.clientHeight\n\n  return onScrollbarY || onScrollbarX\n}\n\nfunction trackInteractOutsideImpl(node: MaybeElement, options: InteractOutsideOptions) {\n  const { exclude, onFocusOutside, onPointerDownOutside, onInteractOutside, defer } = options\n\n  if (!node) return\n\n  const doc = getDocument(node)\n  const win = getWindow(node)\n  const frames = getWindowFrames(win)\n\n  function isEventOutside(event: Event): boolean {\n    const target = getEventTarget(event)\n    if (!isHTMLElement(target)) return false\n    if (contains(node, target)) return false\n    if (isEventPointWithin(node, event)) return false\n    if (isEventWithinScrollbar(event)) return false\n    return !exclude?.(target)\n  }\n\n  let clickHandler: VoidFunction\n\n  function onPointerDown(event: PointerEvent) {\n    //\n    function handler() {\n      const func = defer ? raf : (v: any) => v()\n      const composedPath = event.composedPath?.() ?? [event.target]\n      func(() => {\n        if (!node || !isEventOutside(event)) return\n\n        if (onPointerDownOutside || onInteractOutside) {\n          const handler = callAll(onPointerDownOutside, onInteractOutside) as EventListener\n          node.addEventListener(POINTER_OUTSIDE_EVENT, handler, { once: true })\n        }\n\n        fireCustomEvent(node, POINTER_OUTSIDE_EVENT, {\n          bubbles: false,\n          cancelable: true,\n          detail: {\n            originalEvent: event,\n            contextmenu: isContextMenuEvent(event),\n            focusable: isComposedPathFocusable(composedPath),\n          },\n        })\n      })\n    }\n\n    if (event.pointerType === \"touch\") {\n      frames.removeEventListener(\"click\", handler)\n      doc.removeEventListener(\"click\", handler)\n\n      clickHandler = handler\n\n      doc.addEventListener(\"click\", handler, { once: true })\n      frames.addEventListener(\"click\", handler, { once: true })\n    } else {\n      handler()\n    }\n  }\n  const cleanups = new Set<VoidFunction>()\n\n  const timer = setTimeout(() => {\n    cleanups.add(frames.addEventListener(\"pointerdown\", onPointerDown, true))\n    cleanups.add(addDomEvent(doc, \"pointerdown\", onPointerDown, true))\n  }, 0)\n\n  function onFocusin(event: FocusEvent) {\n    //\n    const func = defer ? raf : (v: any) => v()\n    func(() => {\n      if (!node || !isEventOutside(event)) return\n\n      if (onFocusOutside || onInteractOutside) {\n        const handler = callAll(onFocusOutside, onInteractOutside) as EventListener\n        node.addEventListener(FOCUS_OUTSIDE_EVENT, handler, { once: true })\n      }\n\n      fireCustomEvent(node, FOCUS_OUTSIDE_EVENT, {\n        bubbles: false,\n        cancelable: true,\n        detail: {\n          originalEvent: event,\n          contextmenu: false,\n          focusable: isFocusable(getEventTarget(event)),\n        },\n      })\n    })\n  }\n\n  cleanups.add(addDomEvent(doc, \"focusin\", onFocusin, true))\n  cleanups.add(frames.addEventListener(\"focusin\", onFocusin, true))\n\n  return () => {\n    clearTimeout(timer)\n    if (clickHandler) {\n      frames.removeEventListener(\"click\", clickHandler)\n      doc.removeEventListener(\"click\", clickHandler)\n    }\n    cleanups.forEach((fn) => fn())\n  }\n}\n\nexport function trackInteractOutside(nodeOrFn: NodeOrFn, options: InteractOutsideOptions) {\n  const { defer } = options\n  const func = defer ? raf : (v: any) => v()\n  const cleanups: (VoidFunction | undefined)[] = []\n  cleanups.push(\n    func(() => {\n      const node = typeof nodeOrFn === \"function\" ? nodeOrFn() : nodeOrFn\n      cleanups.push(trackInteractOutsideImpl(node, options))\n    }),\n  )\n  return () => {\n    cleanups.forEach((fn) => fn?.())\n  }\n}\n","export function getWindowFrames(win: Window) {\n  const frames = {\n    each(cb: (win: Window) => void) {\n      for (let i = 0; i < win.frames?.length; i += 1) {\n        const frame = win.frames[i]\n        if (frame) cb(frame)\n      }\n    },\n    addEventListener(event: string, listener: any, options?: any) {\n      frames.each((frame) => {\n        try {\n          frame.document.addEventListener(event, listener, options)\n        } catch {}\n      })\n      return () => {\n        try {\n          frames.removeEventListener(event, listener, options)\n        } catch {}\n      }\n    },\n    removeEventListener(event: string, listener: any, options?: any) {\n      frames.each((frame) => {\n        try {\n          frame.document.removeEventListener(event, listener, options)\n        } catch {}\n      })\n    },\n  }\n  return frames\n}\n"],"mappings":"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","names":["handler"]}
+{"version":3,"sources":["../src/index.ts","../src/get-window-frames.ts"],"sourcesContent":["import { addDomEvent, fireCustomEvent, isContextMenuEvent } from \"@zag-js/dom-event\"\nimport { contains, getDocument, getEventTarget, getWindow, isFocusable, isHTMLElement, raf } from \"@zag-js/dom-query\"\nimport { callAll } from \"@zag-js/utils\"\nimport { getWindowFrames } from \"./get-window-frames\"\n\nexport interface InteractOutsideHandlers {\n  /**\n   * Function called when the pointer is pressed down outside the component\n   */\n  onPointerDownOutside?: (event: PointerDownOutsideEvent) => void\n  /**\n   * Function called when the focus is moved outside the component\n   */\n  onFocusOutside?: (event: FocusOutsideEvent) => void\n  /**\n   * Function called when an interaction happens outside the component\n   */\n  onInteractOutside?: (event: InteractOutsideEvent) => void\n}\n\nexport interface InteractOutsideOptions extends InteractOutsideHandlers {\n  exclude?: (target: HTMLElement) => boolean\n  defer?: boolean\n}\n\nexport interface EventDetails<T> {\n  originalEvent: T\n  contextmenu: boolean\n  focusable: boolean\n}\n\nconst POINTER_OUTSIDE_EVENT = \"pointerdown.outside\"\nconst FOCUS_OUTSIDE_EVENT = \"focus.outside\"\n\nexport type PointerDownOutsideEvent = CustomEvent<EventDetails<PointerEvent>>\n\nexport type FocusOutsideEvent = CustomEvent<EventDetails<FocusEvent>>\n\nexport type InteractOutsideEvent = PointerDownOutsideEvent | FocusOutsideEvent\n\nexport type MaybeElement = HTMLElement | null | undefined\nexport type NodeOrFn = MaybeElement | (() => MaybeElement)\n\nfunction isComposedPathFocusable(composedPath: EventTarget[]) {\n  for (const node of composedPath) {\n    if (isHTMLElement(node) && isFocusable(node)) return true\n  }\n  return false\n}\n\nconst isPointerEvent = (event: Event): event is PointerEvent => \"clientY\" in event\n\nfunction isEventPointWithin(node: MaybeElement, event: Event) {\n  if (!isPointerEvent(event) || !node) return false\n\n  const rect = node.getBoundingClientRect()\n  if (rect.width === 0 || rect.height === 0) return false\n\n  return (\n    rect.top <= event.clientY &&\n    event.clientY <= rect.top + rect.height &&\n    rect.left <= event.clientX &&\n    event.clientX <= rect.left + rect.width\n  )\n}\n\nfunction isEventWithinScrollbar(event: Event): boolean {\n  const target = getEventTarget<HTMLElement>(event)\n  if (!target || !isPointerEvent(event)) return false\n\n  const isScrollableY = target.scrollHeight > target.clientHeight\n  const onScrollbarY = isScrollableY && event.clientX > target.clientWidth\n\n  const isScrollableX = target.scrollWidth > target.clientWidth\n  const onScrollbarX = isScrollableX && event.clientY > target.clientHeight\n\n  return onScrollbarY || onScrollbarX\n}\n\nfunction trackInteractOutsideImpl(node: MaybeElement, options: InteractOutsideOptions) {\n  const { exclude, onFocusOutside, onPointerDownOutside, onInteractOutside, defer } = options\n\n  if (!node) return\n\n  const doc = getDocument(node)\n  const win = getWindow(node)\n  const frames = getWindowFrames(win)\n\n  function isEventOutside(event: Event): boolean {\n    const target = getEventTarget(event)\n    if (!isHTMLElement(target)) return false\n    if (contains(node, target)) return false\n    if (isEventPointWithin(node, event)) return false\n    if (isEventWithinScrollbar(event)) return false\n    return !exclude?.(target)\n  }\n\n  let clickHandler: VoidFunction\n\n  function onPointerDown(event: PointerEvent) {\n    //\n    function handler() {\n      const func = defer ? raf : (v: any) => v()\n      const composedPath = event.composedPath?.() ?? [event.target]\n      func(() => {\n        if (!node || !isEventOutside(event)) return\n\n        if (onPointerDownOutside || onInteractOutside) {\n          const handler = callAll(onPointerDownOutside, onInteractOutside) as EventListener\n          node.addEventListener(POINTER_OUTSIDE_EVENT, handler, { once: true })\n        }\n\n        fireCustomEvent(node, POINTER_OUTSIDE_EVENT, {\n          bubbles: false,\n          cancelable: true,\n          detail: {\n            originalEvent: event,\n            contextmenu: isContextMenuEvent(event),\n            focusable: isComposedPathFocusable(composedPath),\n          },\n        })\n      })\n    }\n\n    if (event.pointerType === \"touch\") {\n      frames.removeEventListener(\"click\", handler)\n      doc.removeEventListener(\"click\", handler)\n\n      clickHandler = handler\n\n      doc.addEventListener(\"click\", handler, { once: true })\n      frames.addEventListener(\"click\", handler, { once: true })\n    } else {\n      handler()\n    }\n  }\n  const cleanups = new Set<VoidFunction>()\n\n  const timer = setTimeout(() => {\n    cleanups.add(frames.addEventListener(\"pointerdown\", onPointerDown, true))\n    cleanups.add(addDomEvent(doc, \"pointerdown\", onPointerDown, true))\n  }, 0)\n\n  function onFocusin(event: FocusEvent) {\n    //\n    const func = defer ? raf : (v: any) => v()\n    func(() => {\n      if (!node || !isEventOutside(event)) return\n\n      if (onFocusOutside || onInteractOutside) {\n        const handler = callAll(onFocusOutside, onInteractOutside) as EventListener\n        node.addEventListener(FOCUS_OUTSIDE_EVENT, handler, { once: true })\n      }\n\n      fireCustomEvent(node, FOCUS_OUTSIDE_EVENT, {\n        bubbles: false,\n        cancelable: true,\n        detail: {\n          originalEvent: event,\n          contextmenu: false,\n          focusable: isFocusable(getEventTarget(event)),\n        },\n      })\n    })\n  }\n\n  cleanups.add(addDomEvent(doc, \"focusin\", onFocusin, true))\n  cleanups.add(frames.addEventListener(\"focusin\", onFocusin, true))\n\n  return () => {\n    clearTimeout(timer)\n    if (clickHandler) {\n      frames.removeEventListener(\"click\", clickHandler)\n      doc.removeEventListener(\"click\", clickHandler)\n    }\n    cleanups.forEach((fn) => fn())\n  }\n}\n\nexport function trackInteractOutside(nodeOrFn: NodeOrFn, options: InteractOutsideOptions) {\n  const { defer } = options\n  const func = defer ? raf : (v: any) => v()\n  const cleanups: (VoidFunction | undefined)[] = []\n  cleanups.push(\n    func(() => {\n      const node = typeof nodeOrFn === \"function\" ? nodeOrFn() : nodeOrFn\n      cleanups.push(trackInteractOutsideImpl(node, options))\n    }),\n  )\n  return () => {\n    cleanups.forEach((fn) => fn?.())\n  }\n}\n","export function getWindowFrames(win: Window) {\n  const frames = {\n    each(cb: (win: Window) => void) {\n      for (let i = 0; i < win.frames?.length; i += 1) {\n        const frame = win.frames[i]\n        if (frame) cb(frame)\n      }\n    },\n    addEventListener(event: string, listener: any, options?: any) {\n      frames.each((frame) => {\n        try {\n          frame.document.addEventListener(event, listener, options)\n        } catch {}\n      })\n      return () => {\n        try {\n          frames.removeEventListener(event, listener, options)\n        } catch {}\n      }\n    },\n    removeEventListener(event: string, listener: any, options?: any) {\n      frames.each((frame) => {\n        try {\n          frame.document.removeEventListener(event, listener, options)\n        } catch {}\n      })\n    },\n  }\n  return frames\n}\n"],"mappings":"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","names":["handler"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/interact-outside",
-  "version": "0.50.0",
+  "version": "0.51.1",
   "description": "Track interations or focus outside an element",
   "keywords": [
     "js",
@@ -17,9 +17,9 @@
     "src"
   ],
   "dependencies": {
-    "@zag-js/dom-query": "0.50.0",
-    "@zag-js/dom-event": "0.50.0",
-    "@zag-js/utils": "0.50.0"
+    "@zag-js/dom-query": "0.51.1",
+    "@zag-js/dom-event": "0.51.1",
+    "@zag-js/utils": "0.51.1"
   },
   "devDependencies": {
     "clean-package": "2.2.0"