@agnos-ui/core/services/focustrack.cjs

Framework-agnostic headless component library.

"use strict";
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
const tansu = require("@amadeus-it-group/tansu");
const utils_directive = require("../dom-CuBx1JPZ.cjs");
const esmEnv = require("esm-env");
const evtFocusIn = "focusin";
const evtFocusOut = "focusout";
const activeElement$ = !esmEnv.BROWSER ? tansu.readable(null) : tansu.readable(null, {
  onUse({ set }) {
    function setActiveElement() {
      set(document.activeElement);
    }
    setActiveElement();
    const container = document.documentElement;
    function onFocusOut() {
      setTimeout(setActiveElement);
    }
    container.addEventListener(evtFocusIn, setActiveElement, { capture: true });
    container.addEventListener(evtFocusOut, onFocusOut, { capture: true });
    return () => {
      container.removeEventListener(evtFocusIn, setActiveElement, { capture: true });
      container.removeEventListener(evtFocusOut, onFocusOut, { capture: true });
    };
  },
  equal: Object.is
});
function createHasFocus() {
  const { elements$, directive } = utils_directive.createBrowserStoreArrayDirective();
  const hasFocus$ = tansu.computed(() => {
    const activeElement = activeElement$();
    if (!activeElement) {
      return false;
    }
    for (const element of elements$()) {
      if (element === activeElement || element.contains(activeElement)) {
        return true;
      }
    }
    return false;
  });
  return {
    directive,
    hasFocus$
  };
}
exports.activeElement$ = activeElement$;
exports.createHasFocus = createHasFocus;