@zag-js/focus-visible 1.34.1 → 1.35.1

package/dist/index.js

@@ -1,17 +1,44 @@
-'use strict';
-
-var domQuery = require('@zag-js/dom-query');
+"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 index_exports = {};
+__export(index_exports, {
+  getInteractionModality: () => getInteractionModality,
+  ignoreFocusEvent: () => ignoreFocusEvent,
+  isFocusVisible: () => isFocusVisible,
+  listenerMap: () => listenerMap,
+  setInteractionModality: () => setInteractionModality,
+  trackFocusVisible: () => trackFocusVisible,
+  trackInteractionModality: () => trackInteractionModality
+});
+module.exports = __toCommonJS(index_exports);
+var import_dom_query = require("@zag-js/dom-query");
 function isValidKey(e) {
-  return !(e.metaKey || !domQuery.isMac() && e.altKey || e.ctrlKey || e.key === "Control" || e.key === "Shift" || e.key === "Meta");
+  return !(e.metaKey || !(0, import_dom_query.isMac)() && e.altKey || e.ctrlKey || e.key === "Control" || e.key === "Shift" || e.key === "Meta");
 }
 var nonTextInputTypes = /* @__PURE__ */ new Set(["checkbox", "radio", "range", "color", "file", "image", "button", "submit", "reset"]);
 function isKeyboardFocusEvent(isTextInput, modality, e) {
-  const eventTarget = e ? domQuery.getEventTarget(e) : null;
-  const doc = domQuery.getDocument(eventTarget);
-  const win = domQuery.getWindow(eventTarget);
-  const activeElement = domQuery.getActiveElement(doc);
+  const eventTarget = e ? (0, import_dom_query.getEventTarget)(e) : null;
+  const doc = (0, import_dom_query.getDocument)(eventTarget);
+  const win = (0, import_dom_query.getWindow)(eventTarget);
+  const activeElement = (0, import_dom_query.getActiveElement)(doc);
   isTextInput = isTextInput || activeElement instanceof win.HTMLInputElement && !nonTextInputTypes.has(activeElement?.type) || activeElement instanceof win.HTMLTextAreaElement || activeElement instanceof win.HTMLElement && activeElement.isContentEditable;
   return !(isTextInput && modality === "keyboard" && e instanceof win.KeyboardEvent && !Reflect.has(FOCUS_VISIBLE_INPUT_KEYS, e.key));
 }
@@ -45,14 +72,14 @@ function handlePointerEvent(e) {
   }
 }
 function handleClickEvent(e) {
-  if (domQuery.isVirtualClick(e)) {
+  if ((0, import_dom_query.isVirtualClick)(e)) {
     hasEventBeforeFocus = true;
     currentModality = "virtual";
   }
 }
 function handleFocusEvent(e) {
-  const target = domQuery.getEventTarget(e);
-  if (target === domQuery.getWindow(target) || target === domQuery.getDocument(target) || ignoreFocusEvent || !e.isTrusted) {
+  const target = (0, import_dom_query.getEventTarget)(e);
+  if (target === (0, import_dom_query.getWindow)(target) || target === (0, import_dom_query.getDocument)(target) || ignoreFocusEvent || !e.isTrusted) {
     return;
   }
   if (!hasEventBeforeFocus && !hasBlurredWindowRecently) {
@@ -63,15 +90,16 @@ function handleFocusEvent(e) {
   hasBlurredWindowRecently = false;
 }
 function handleWindowBlur() {
+  if (ignoreFocusEvent) return;
   hasEventBeforeFocus = false;
   hasBlurredWindowRecently = true;
 }
 function setupGlobalFocusEvents(root) {
-  if (typeof window === "undefined" || listenerMap.get(domQuery.getWindow(root))) {
+  if (typeof window === "undefined" || listenerMap.get((0, import_dom_query.getWindow)(root))) {
     return;
   }
-  const win = domQuery.getWindow(root);
-  const doc = domQuery.getDocument(root);
+  const win = (0, import_dom_query.getWindow)(root);
+  const doc = (0, import_dom_query.getDocument)(root);
   let focus = win.HTMLElement.prototype.focus;
   function patchedFocus() {
     hasEventBeforeFocus = true;
@@ -108,8 +136,11 @@ function setupGlobalFocusEvents(root) {
   listenerMap.set(win, { focus });
 }
 var tearDownWindowFocusTracking = (root, loadListener) => {
-  const win = domQuery.getWindow(root);
-  const doc = domQuery.getDocument(root);
+  const win = (0, import_dom_query.getWindow)(root);
+  const doc = (0, import_dom_query.getDocument)(root);
+  if (loadListener) {
+    doc.removeEventListener("DOMContentLoaded", loadListener);
+  }
   const listenerData = listenerMap.get(win);
   if (!listenerData) {
     return;
@@ -170,11 +201,13 @@ function trackFocusVisible(props = {}) {
     changeHandlers.delete(handler);
   };
 }
-
-exports.getInteractionModality = getInteractionModality;
-exports.ignoreFocusEvent = ignoreFocusEvent;
-exports.isFocusVisible = isFocusVisible;
-exports.listenerMap = listenerMap;
-exports.setInteractionModality = setInteractionModality;
-exports.trackFocusVisible = trackFocusVisible;
-exports.trackInteractionModality = trackInteractionModality;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getInteractionModality,
+  ignoreFocusEvent,
+  isFocusVisible,
+  listenerMap,
+  setInteractionModality,
+  trackFocusVisible,
+  trackInteractionModality
+});

package/dist/index.mjs

@@ -1,6 +1,5 @@
-import { getWindow, getDocument, getEventTarget, getActiveElement, isVirtualClick, isMac } from '@zag-js/dom-query';
-
 // src/index.ts
+import { getActiveElement, getDocument, getEventTarget, getWindow, isMac, isVirtualClick } from "@zag-js/dom-query";
 function isValidKey(e) {
   return !(e.metaKey || !isMac() && e.altKey || e.ctrlKey || e.key === "Control" || e.key === "Shift" || e.key === "Meta");
 }
@@ -61,6 +60,7 @@ function handleFocusEvent(e) {
   hasBlurredWindowRecently = false;
 }
 function handleWindowBlur() {
+  if (ignoreFocusEvent) return;
   hasEventBeforeFocus = false;
   hasBlurredWindowRecently = true;
 }
@@ -108,6 +108,9 @@ function setupGlobalFocusEvents(root) {
 var tearDownWindowFocusTracking = (root, loadListener) => {
   const win = getWindow(root);
   const doc = getDocument(root);
+  if (loadListener) {
+    doc.removeEventListener("DOMContentLoaded", loadListener);
+  }
   const listenerData = listenerMap.get(win);
   if (!listenerData) {
     return;
@@ -168,5 +171,12 @@ function trackFocusVisible(props = {}) {
     changeHandlers.delete(handler);
   };
 }
-
-export { getInteractionModality, ignoreFocusEvent, isFocusVisible, listenerMap, setInteractionModality, trackFocusVisible, trackInteractionModality };
+export {
+  getInteractionModality,
+  ignoreFocusEvent,
+  isFocusVisible,
+  listenerMap,
+  setInteractionModality,
+  trackFocusVisible,
+  trackInteractionModality
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/focus-visible",
-  "version": "1.34.1",
+  "version": "1.35.1",
   "description": "Focus visible polyfill utility based on WICG",
   "keywords": [
     "js",
@@ -25,7 +25,7 @@
   "clean-package": "../../../clean-package.config.json",
   "main": "dist/index.js",
   "dependencies": {
-    "@zag-js/dom-query": "1.34.1"
+    "@zag-js/dom-query": "1.35.1"
   },
   "devDependencies": {
     "clean-package": "2.2.0"