@zag-js/popover 0.0.0-dev-20220703125047 → 0.0.0-dev-20220704094439

package/dist/index.js

@@ -46,9 +46,22 @@ module.exports = __toCommonJS(src_exports);
 var dataAttr = (guard) => {
   return guard ? "" : void 0;
 };
+function isWindow(value) {
+  return (value == null ? void 0 : value.toString()) === "[object Window]";
+}
 function isFrame(element) {
   return element.localName === "iframe";
 }
+function getDocument(el) {
+  var _a;
+  if (isWindow(el))
+    return el.document;
+  return (_a = el == null ? void 0 : el.ownerDocument) != null ? _a : document;
+}
+function getEventTarget(event) {
+  var _a, _b;
+  return (_b = (_a = event.composedPath) == null ? void 0 : _a.call(event)[0]) != null ? _b : event.target;
+}
 function contains(parent, child) {
   if (!parent)
     return false;
@@ -331,12 +344,12 @@ var import_aria_hidden = require("@zag-js/aria-hidden");
 var import_core = require("@zag-js/core");
 
 // ../../utilities/interact-outside/dist/index.mjs
-function isWindow(value) {
+function isWindow2(value) {
   return (value == null ? void 0 : value.toString()) === "[object Window]";
 }
-function getDocument(el) {
+function getDocument2(el) {
   var _a;
-  if (isWindow(el))
+  if (isWindow2(el))
     return el.document;
   return (_a = el == null ? void 0 : el.ownerDocument) != null ? _a : document;
 }
@@ -344,7 +357,7 @@ function getWindow(el) {
   var _a;
   return (_a = el == null ? void 0 : el.ownerDocument.defaultView) != null ? _a : window;
 }
-function getEventTarget(event) {
+function getEventTarget2(event) {
   var _a, _b;
   return (_b = (_a = event.composedPath) == null ? void 0 : _a.call(event)[0]) != null ? _b : event.target;
 }
@@ -405,10 +418,10 @@ function trackInteractOutside(node, options) {
   const { exclude, onFocusOutside, onPointerDownOutside } = options;
   if (!node)
     return;
-  const doc = getDocument(node);
+  const doc = getDocument2(node);
   const win = getWindow(node);
   function isEventOutside(event) {
-    const target = getEventTarget(event);
+    const target = getEventTarget2(event);
     if (!(target instanceof win.HTMLElement)) {
       return false;
     }
@@ -434,7 +447,7 @@ function trackInteractOutside(node, options) {
         detail: {
           originalEvent: event,
           contextmenu: isContextMenuEvent(event),
-          focusable: isFocusable2(getEventTarget(event))
+          focusable: isFocusable2(getEventTarget2(event))
         }
       });
     }
@@ -462,7 +475,7 @@ function trackInteractOutside(node, options) {
       detail: {
         originalEvent: event,
         contextmenu: false,
-        focusable: isFocusable2(getEventTarget(event))
+        focusable: isFocusable2(getEventTarget2(event))
       }
     });
   }
@@ -475,48 +488,16 @@ function trackInteractOutside(node, options) {
   };
 }
 
-// ../../utilities/dismissable/dist/index.mjs
-function isWindow2(value) {
-  return (value == null ? void 0 : value.toString()) === "[object Window]";
-}
-function getDocument2(el) {
-  var _a;
-  if (isWindow2(el))
-    return el.document;
-  return (_a = el == null ? void 0 : el.ownerDocument) != null ? _a : document;
-}
-function getEventTarget2(event) {
-  var _a, _b;
-  return (_b = (_a = event.composedPath) == null ? void 0 : _a.call(event)[0]) != null ? _b : event.target;
-}
-function contains3(parent, child) {
-  if (!parent)
-    return false;
-  return parent === child || isHTMLElement3(parent) && isHTMLElement3(child) && parent.contains(child);
-}
-function isHTMLElement3(v) {
-  return typeof v === "object" && (v == null ? void 0 : v.nodeType) === Node.ELEMENT_NODE && typeof (v == null ? void 0 : v.nodeName) === "string";
-}
-var hasProp3 = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop);
-var runIfFn4 = (v, ...a) => {
-  const res = typeof v === "function" ? v(...a) : v;
-  return res != null ? res : void 0;
-};
-var isRef3 = (v) => hasProp3(v, "current");
-function addDomEvent3(target, eventName, handler, options) {
-  const node = isRef3(target) ? target.current : runIfFn4(target);
-  node == null ? void 0 : node.addEventListener(eventName, handler, options);
-  return () => {
-    node == null ? void 0 : node.removeEventListener(eventName, handler, options);
-  };
-}
+// ../../utilities/dismissable/src/escape-keydown.ts
 function trackEscapeKeydown(fn) {
   const handleKeyDown = (event) => {
     if (event.key === "Escape")
       fn == null ? void 0 : fn(event);
   };
-  return addDomEvent3(document, "keydown", handleKeyDown);
+  return addDomEvent(document, "keydown", handleKeyDown);
 }
+
+// ../../utilities/dismissable/src/layer-stack.ts
 var layerStack = {
   layers: [],
   branches: [],
@@ -546,10 +527,10 @@ var layerStack = {
     return this.layers.slice(this.indexOf(node));
   },
   isInChildLayer(node, target) {
-    return this.getChildLayers(node).some((layer) => contains3(layer.node, target));
+    return this.getChildLayers(node).some((layer) => contains(layer.node, target));
   },
   isInBranch(target) {
-    return [...this.branches].some((branch) => contains3(branch, target));
+    return [...this.branches].some((branch) => contains(branch, target));
   },
   add(layer) {
     this.layers.push(layer);
@@ -580,6 +561,8 @@ var layerStack = {
     this.remove(this.layers[0].node);
   }
 };
+
+// ../../utilities/dismissable/src/pointer-event-outside.ts
 var originalBodyPointerEvents;
 function assignPointerEventToLayers() {
   layerStack.layers.forEach(({ node }) => {
@@ -591,7 +574,7 @@ function clearPointerEvent(node) {
 }
 var DATA_ATTR = "data-inert";
 function disablePointerEventsOutside(node) {
-  const doc = getDocument2(node);
+  const doc = getDocument(node);
   if (layerStack.hasPointerBlockingLayer() && !doc.body.hasAttribute(DATA_ATTR)) {
     originalBodyPointerEvents = document.body.style.pointerEvents;
     doc.body.style.pointerEvents = "none";
@@ -606,6 +589,8 @@ function disablePointerEventsOutside(node) {
       doc.body.removeAttribute("style");
   };
 }
+
+// ../../utilities/dismissable/src/dismissable-layer.ts
 function trackDismissableElement(node, options) {
   if (!node)
     return;
@@ -615,7 +600,7 @@ function trackDismissableElement(node, options) {
   assignPointerEventToLayers();
   function onPointerDownOutside(event) {
     var _a, _b;
-    const target = getEventTarget2(event.detail.originalEvent);
+    const target = getEventTarget(event.detail.originalEvent);
     if (layerStack.isBelowPointerBlockingLayer(node) || layerStack.isInBranch(target))
       return;
     (_a = options.onPointerDownOutside) == null ? void 0 : _a.call(options, event);
@@ -626,7 +611,7 @@ function trackDismissableElement(node, options) {
   }
   function onFocusOutside(event) {
     var _a, _b;
-    const target = getEventTarget2(event.detail.originalEvent);
+    const target = getEventTarget(event.detail.originalEvent);
     if (layerStack.isInBranch(target))
       return;
     (_a = options.onFocusOutside) == null ? void 0 : _a.call(options, event);
@@ -648,7 +633,7 @@ function trackDismissableElement(node, options) {
   function exclude(target) {
     const containers = typeof excludeContainers === "function" ? excludeContainers() : excludeContainers;
     const inContainers = Array.isArray(containers) ? containers : [containers];
-    return inContainers.some((node2) => contains3(node2, target)) || layerStack.isInChildLayer(node, target);
+    return inContainers.some((node2) => contains(node2, target)) || layerStack.isInChildLayer(node, target);
   }
   const cleanups = [
     pointerBlocking ? disablePointerEventsOutside(node) : void 0,

package/dist/index.mjs

@@ -23,9 +23,22 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var dataAttr = (guard) => {
   return guard ? "" : void 0;
 };
+function isWindow(value) {
+  return (value == null ? void 0 : value.toString()) === "[object Window]";
+}
 function isFrame(element) {
   return element.localName === "iframe";
 }
+function getDocument(el) {
+  var _a;
+  if (isWindow(el))
+    return el.document;
+  return (_a = el == null ? void 0 : el.ownerDocument) != null ? _a : document;
+}
+function getEventTarget(event) {
+  var _a, _b;
+  return (_b = (_a = event.composedPath) == null ? void 0 : _a.call(event)[0]) != null ? _b : event.target;
+}
 function contains(parent, child) {
   if (!parent)
     return false;
@@ -308,12 +321,12 @@ import { ariaHidden } from "@zag-js/aria-hidden";
 import { createMachine, guards, ref } from "@zag-js/core";
 
 // ../../utilities/interact-outside/dist/index.mjs
-function isWindow(value) {
+function isWindow2(value) {
   return (value == null ? void 0 : value.toString()) === "[object Window]";
 }
-function getDocument(el) {
+function getDocument2(el) {
   var _a;
-  if (isWindow(el))
+  if (isWindow2(el))
     return el.document;
   return (_a = el == null ? void 0 : el.ownerDocument) != null ? _a : document;
 }
@@ -321,7 +334,7 @@ function getWindow(el) {
   var _a;
   return (_a = el == null ? void 0 : el.ownerDocument.defaultView) != null ? _a : window;
 }
-function getEventTarget(event) {
+function getEventTarget2(event) {
   var _a, _b;
   return (_b = (_a = event.composedPath) == null ? void 0 : _a.call(event)[0]) != null ? _b : event.target;
 }
@@ -382,10 +395,10 @@ function trackInteractOutside(node, options) {
   const { exclude, onFocusOutside, onPointerDownOutside } = options;
   if (!node)
     return;
-  const doc = getDocument(node);
+  const doc = getDocument2(node);
   const win = getWindow(node);
   function isEventOutside(event) {
-    const target = getEventTarget(event);
+    const target = getEventTarget2(event);
     if (!(target instanceof win.HTMLElement)) {
       return false;
     }
@@ -411,7 +424,7 @@ function trackInteractOutside(node, options) {
         detail: {
           originalEvent: event,
           contextmenu: isContextMenuEvent(event),
-          focusable: isFocusable2(getEventTarget(event))
+          focusable: isFocusable2(getEventTarget2(event))
         }
       });
     }
@@ -439,7 +452,7 @@ function trackInteractOutside(node, options) {
       detail: {
         originalEvent: event,
         contextmenu: false,
-        focusable: isFocusable2(getEventTarget(event))
+        focusable: isFocusable2(getEventTarget2(event))
       }
     });
   }
@@ -452,48 +465,16 @@ function trackInteractOutside(node, options) {
   };
 }
 
-// ../../utilities/dismissable/dist/index.mjs
-function isWindow2(value) {
-  return (value == null ? void 0 : value.toString()) === "[object Window]";
-}
-function getDocument2(el) {
-  var _a;
-  if (isWindow2(el))
-    return el.document;
-  return (_a = el == null ? void 0 : el.ownerDocument) != null ? _a : document;
-}
-function getEventTarget2(event) {
-  var _a, _b;
-  return (_b = (_a = event.composedPath) == null ? void 0 : _a.call(event)[0]) != null ? _b : event.target;
-}
-function contains3(parent, child) {
-  if (!parent)
-    return false;
-  return parent === child || isHTMLElement3(parent) && isHTMLElement3(child) && parent.contains(child);
-}
-function isHTMLElement3(v) {
-  return typeof v === "object" && (v == null ? void 0 : v.nodeType) === Node.ELEMENT_NODE && typeof (v == null ? void 0 : v.nodeName) === "string";
-}
-var hasProp3 = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop);
-var runIfFn4 = (v, ...a) => {
-  const res = typeof v === "function" ? v(...a) : v;
-  return res != null ? res : void 0;
-};
-var isRef3 = (v) => hasProp3(v, "current");
-function addDomEvent3(target, eventName, handler, options) {
-  const node = isRef3(target) ? target.current : runIfFn4(target);
-  node == null ? void 0 : node.addEventListener(eventName, handler, options);
-  return () => {
-    node == null ? void 0 : node.removeEventListener(eventName, handler, options);
-  };
-}
+// ../../utilities/dismissable/src/escape-keydown.ts
 function trackEscapeKeydown(fn) {
   const handleKeyDown = (event) => {
     if (event.key === "Escape")
       fn == null ? void 0 : fn(event);
   };
-  return addDomEvent3(document, "keydown", handleKeyDown);
+  return addDomEvent(document, "keydown", handleKeyDown);
 }
+
+// ../../utilities/dismissable/src/layer-stack.ts
 var layerStack = {
   layers: [],
   branches: [],
@@ -523,10 +504,10 @@ var layerStack = {
     return this.layers.slice(this.indexOf(node));
   },
   isInChildLayer(node, target) {
-    return this.getChildLayers(node).some((layer) => contains3(layer.node, target));
+    return this.getChildLayers(node).some((layer) => contains(layer.node, target));
   },
   isInBranch(target) {
-    return [...this.branches].some((branch) => contains3(branch, target));
+    return [...this.branches].some((branch) => contains(branch, target));
   },
   add(layer) {
     this.layers.push(layer);
@@ -557,6 +538,8 @@ var layerStack = {
     this.remove(this.layers[0].node);
   }
 };
+
+// ../../utilities/dismissable/src/pointer-event-outside.ts
 var originalBodyPointerEvents;
 function assignPointerEventToLayers() {
   layerStack.layers.forEach(({ node }) => {
@@ -568,7 +551,7 @@ function clearPointerEvent(node) {
 }
 var DATA_ATTR = "data-inert";
 function disablePointerEventsOutside(node) {
-  const doc = getDocument2(node);
+  const doc = getDocument(node);
   if (layerStack.hasPointerBlockingLayer() && !doc.body.hasAttribute(DATA_ATTR)) {
     originalBodyPointerEvents = document.body.style.pointerEvents;
     doc.body.style.pointerEvents = "none";
@@ -583,6 +566,8 @@ function disablePointerEventsOutside(node) {
       doc.body.removeAttribute("style");
   };
 }
+
+// ../../utilities/dismissable/src/dismissable-layer.ts
 function trackDismissableElement(node, options) {
   if (!node)
     return;
@@ -592,7 +577,7 @@ function trackDismissableElement(node, options) {
   assignPointerEventToLayers();
   function onPointerDownOutside(event) {
     var _a, _b;
-    const target = getEventTarget2(event.detail.originalEvent);
+    const target = getEventTarget(event.detail.originalEvent);
     if (layerStack.isBelowPointerBlockingLayer(node) || layerStack.isInBranch(target))
       return;
     (_a = options.onPointerDownOutside) == null ? void 0 : _a.call(options, event);
@@ -603,7 +588,7 @@ function trackDismissableElement(node, options) {
   }
   function onFocusOutside(event) {
     var _a, _b;
-    const target = getEventTarget2(event.detail.originalEvent);
+    const target = getEventTarget(event.detail.originalEvent);
     if (layerStack.isInBranch(target))
       return;
     (_a = options.onFocusOutside) == null ? void 0 : _a.call(options, event);
@@ -625,7 +610,7 @@ function trackDismissableElement(node, options) {
   function exclude(target) {
     const containers = typeof excludeContainers === "function" ? excludeContainers() : excludeContainers;
     const inContainers = Array.isArray(containers) ? containers : [containers];
-    return inContainers.some((node2) => contains3(node2, target)) || layerStack.isInChildLayer(node, target);
+    return inContainers.some((node2) => contains(node2, target)) || layerStack.isInChildLayer(node, target);
   }
   const cleanups = [
     pointerBlocking ? disablePointerEventsOutside(node) : void 0,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/popover",
-  "version": "0.0.0-dev-20220703125047",
+  "version": "0.0.0-dev-20220704094439",
   "description": "Core logic for the popover widget implemented as a state machine",
   "keywords": [
     "js",
@@ -30,13 +30,13 @@
   },
   "dependencies": {
     "@zag-js/aria-hidden": "0.1.0",
-    "@zag-js/core": "0.0.0-dev-20220703125047",
-    "@zag-js/dom-utils": "0.0.0-dev-20220703125047",
-    "@zag-js/popper": "0.0.0-dev-20220703125047",
+    "@zag-js/core": "0.0.0-dev-20220704094439",
+    "@zag-js/dom-utils": "0.0.0-dev-20220704094439",
+    "@zag-js/popper": "0.0.0-dev-20220704094439",
     "@zag-js/remove-scroll": "0.1.0",
-    "@zag-js/types": "0.0.0-dev-20220703125047",
+    "@zag-js/types": "0.0.0-dev-20220704094439",
     "@zag-js/utils": "0.1.2",
-    "focus-trap": "6.7.1"
+    "focus-trap": "6.9.4"
   },
   "scripts": {
     "build:fast": "zag build",