@agnos-ui/core/services/focusElement.js

Framework-agnostic headless component library.

import { d as browserDirective } from "../dom-Bb5ZCr_a.js";
import { i as isFocusable } from "../isFocusable-Ckwus82R.js";
const stack = [];
let stackProcessPlanned = false;
const processStack = () => {
  stackProcessPlanned = false;
  const candidates = [];
  while (stack.length > 0) {
    const top = stack[stack.length - 1];
    if (top.element) {
      candidates.push(top.element);
      break;
    } else {
      if (top.previousElement) {
        candidates.push(top.previousElement);
      }
      stack.pop();
    }
  }
  for (const candidate of candidates) {
    if (isFocusable(candidate)) {
      candidate.focus();
      return;
    }
  }
};
const planProcessStack = () => {
  if (!stackProcessPlanned) {
    stackProcessPlanned = true;
    setTimeout(processStack, 0);
  }
};
const focusElement = browserDirective((element) => {
  const stackEntry = { element, previousElement: document.activeElement };
  stack.push(stackEntry);
  planProcessStack();
  return {
    destroy() {
      stackEntry.element = null;
      planProcessStack();
    }
  };
});
export {
  focusElement
};