@compa11y/core 0.1.2 → 0.1.5

package/dist/chunk-CQXMBRLD.cjs

@@ -1,657 +0,0 @@
-'use strict';
-
-var chunkXEGB27QF_cjs = require('./chunk-XEGB27QF.cjs');
-
-// src/utils/dom.ts
-var FOCUSABLE_SELECTORS = [
-  "a[href]",
-  "area[href]",
-  "button:not([disabled])",
-  'input:not([disabled]):not([type="hidden"])',
-  "select:not([disabled])",
-  "textarea:not([disabled])",
-  '[tabindex]:not([tabindex="-1"])',
-  '[contenteditable="true"]',
-  "audio[controls]",
-  "video[controls]",
-  "details > summary:first-of-type",
-  "iframe"
-].join(",");
-var TABBABLE_SELECTORS = [
-  'a[href]:not([tabindex="-1"])',
-  'area[href]:not([tabindex="-1"])',
-  'button:not([disabled]):not([tabindex="-1"])',
-  'input:not([disabled]):not([type="hidden"]):not([tabindex="-1"])',
-  'select:not([disabled]):not([tabindex="-1"])',
-  'textarea:not([disabled]):not([tabindex="-1"])',
-  '[tabindex]:not([tabindex="-1"])',
-  '[contenteditable="true"]:not([tabindex="-1"])',
-  'audio[controls]:not([tabindex="-1"])',
-  'video[controls]:not([tabindex="-1"])',
-  'details > summary:first-of-type:not([tabindex="-1"])',
-  'iframe:not([tabindex="-1"])'
-].join(",");
-function isVisible(element) {
-  if (!(element instanceof HTMLElement)) {
-    return false;
-  }
-  if (element.hidden) {
-    return false;
-  }
-  if (element.style.display === "none") {
-    return false;
-  }
-  if (element.style.visibility === "hidden") {
-    return false;
-  }
-  const style = window.getComputedStyle(element);
-  if (style.display === "none" || style.visibility === "hidden") {
-    return false;
-  }
-  if (!element.isConnected) {
-    return false;
-  }
-  return true;
-}
-function isFocusable(element) {
-  if (!(element instanceof HTMLElement)) {
-    return false;
-  }
-  if (!isVisible(element)) {
-    return false;
-  }
-  if (!element.matches(FOCUSABLE_SELECTORS)) {
-    return false;
-  }
-  if (element.closest("[inert]")) {
-    return false;
-  }
-  return true;
-}
-function isTabbable(element) {
-  if (!isFocusable(element)) {
-    return false;
-  }
-  const tabIndex = element.tabIndex;
-  if (tabIndex < 0) {
-    return false;
-  }
-  return element.matches(TABBABLE_SELECTORS);
-}
-function getFocusableElements(container) {
-  const elements = Array.from(
-    container.querySelectorAll(FOCUSABLE_SELECTORS)
-  );
-  return elements.filter(isFocusable);
-}
-function getTabbableElements(container) {
-  const elements = Array.from(
-    container.querySelectorAll(TABBABLE_SELECTORS)
-  );
-  const tabbable = elements.filter(isTabbable);
-  return tabbable.sort((a, b) => {
-    const aIndex = Math.max(0, a.tabIndex);
-    const bIndex = Math.max(0, b.tabIndex);
-    if (aIndex === 0 && bIndex === 0) {
-      return 0;
-    }
-    if (aIndex === 0) {
-      return 1;
-    }
-    if (bIndex === 0) {
-      return -1;
-    }
-    return aIndex - bIndex;
-  });
-}
-function getFirstFocusable(container) {
-  const elements = getTabbableElements(container);
-  return elements[0] ?? null;
-}
-function getLastFocusable(container) {
-  const elements = getTabbableElements(container);
-  return elements[elements.length - 1] ?? null;
-}
-function containsFocus(container) {
-  const activeElement = document.activeElement;
-  return activeElement !== null && container.contains(activeElement);
-}
-function getNextFocusable(container, current, wrap = true) {
-  const elements = getTabbableElements(container);
-  const currentIndex = elements.indexOf(current);
-  if (currentIndex === -1) {
-    return elements[0] ?? null;
-  }
-  const nextIndex = currentIndex + 1;
-  if (nextIndex < elements.length) {
-    return elements[nextIndex];
-  }
-  return wrap ? elements[0] ?? null : null;
-}
-function getPreviousFocusable(container, current, wrap = true) {
-  const elements = getTabbableElements(container);
-  const currentIndex = elements.indexOf(current);
-  if (currentIndex === -1) {
-    return elements[elements.length - 1] ?? null;
-  }
-  const prevIndex = currentIndex - 1;
-  if (prevIndex >= 0) {
-    return elements[prevIndex];
-  }
-  return wrap ? elements[elements.length - 1] ?? null : null;
-}
-function isWithinContainer(element, container) {
-  return container.contains(element);
-}
-function resolveElement(target, container = document.body) {
-  if (!target) {
-    return null;
-  }
-  if (typeof target === "string") {
-    return container.querySelector(target);
-  }
-  if (typeof target === "function") {
-    return target();
-  }
-  return target;
-}
-
-// src/focus/focus-trap.ts
-var focusTrapStack = [];
-function createFocusTrap(container, options = {}) {
-  const {
-    initialFocus,
-    returnFocus = true,
-    clickOutsideDeactivates = false,
-    escapeDeactivates = true,
-    onDeactivate,
-    onEscapeFocus
-  } = options;
-  let active = false;
-  let paused = false;
-  let previouslyFocused = null;
-  function handleKeyDown(event) {
-    if (paused || !active) return;
-    if (event.key === "Tab") {
-      handleTabKey(event);
-    } else if (event.key === "Escape" && escapeDeactivates) {
-      event.preventDefault();
-      event.stopPropagation();
-      deactivate();
-    }
-  }
-  function handleTabKey(event) {
-    const tabbable = getTabbableElements(container);
-    if (tabbable.length === 0) {
-      event.preventDefault();
-      return;
-    }
-    const first = tabbable[0];
-    const last = tabbable[tabbable.length - 1];
-    const activeElement = document.activeElement;
-    if (event.shiftKey) {
-      if (activeElement === first || !container.contains(activeElement)) {
-        event.preventDefault();
-        last.focus();
-      }
-    } else {
-      if (activeElement === last || !container.contains(activeElement)) {
-        event.preventDefault();
-        first.focus();
-      }
-    }
-  }
-  function handleFocusIn(event) {
-    if (paused || !active) return;
-    const target = event.target;
-    if (!container.contains(target)) {
-      onEscapeFocus?.(target);
-      const first = getFirstFocusable(container);
-      first?.focus();
-    }
-  }
-  function handleClick(event) {
-    if (paused || !active) return;
-    const target = event.target;
-    if (clickOutsideDeactivates && !container.contains(target)) {
-      deactivate();
-    }
-  }
-  function activate() {
-    if (active) return;
-    previouslyFocused = document.activeElement;
-    focusTrapStack.push(trap);
-    for (let i = 0; i < focusTrapStack.length - 1; i++) {
-      focusTrapStack[i].pause();
-    }
-    document.addEventListener("keydown", handleKeyDown, true);
-    document.addEventListener("focusin", handleFocusIn, true);
-    document.addEventListener("click", handleClick, true);
-    active = true;
-    requestAnimationFrame(() => {
-      if (!active) return;
-      const initialElement = resolveElement(initialFocus, container);
-      if (initialElement) {
-        initialElement.focus();
-      } else {
-        const first = getFirstFocusable(container);
-        if (first) {
-          first.focus();
-        } else {
-          container.setAttribute("tabindex", "-1");
-          container.focus();
-        }
-      }
-    });
-  }
-  function cleanupTrap(callOnDeactivate) {
-    if (!active) return;
-    document.removeEventListener("keydown", handleKeyDown, true);
-    document.removeEventListener("focusin", handleFocusIn, true);
-    document.removeEventListener("click", handleClick, true);
-    active = false;
-    paused = false;
-    const index = focusTrapStack.indexOf(trap);
-    if (index > -1) {
-      focusTrapStack.splice(index, 1);
-    }
-    const previousTrap = focusTrapStack[focusTrapStack.length - 1];
-    previousTrap?.unpause();
-    if (returnFocus && previouslyFocused) {
-      const target = typeof returnFocus === "boolean" ? previouslyFocused : returnFocus;
-      requestAnimationFrame(() => {
-        if (target && "focus" in target) {
-          target.focus();
-        }
-      });
-    }
-    if (callOnDeactivate) {
-      onDeactivate?.();
-    }
-  }
-  function deactivate() {
-    cleanupTrap(true);
-  }
-  function destroy() {
-    cleanupTrap(false);
-  }
-  function pause() {
-    if (!active || paused) return;
-    paused = true;
-  }
-  function unpause() {
-    if (!active || !paused) return;
-    paused = false;
-    if (!containsFocus(container)) {
-      const first = getFirstFocusable(container);
-      first?.focus();
-    }
-  }
-  const trap = {
-    activate,
-    deactivate,
-    destroy,
-    pause,
-    unpause,
-    isActive: () => active,
-    isPaused: () => paused
-  };
-  return trap;
-}
-function getActiveFocusTrap() {
-  return focusTrapStack[focusTrapStack.length - 1] ?? null;
-}
-function hasFocusTrap() {
-  return focusTrapStack.length > 0;
-}
-
-// src/focus/focus-visible.ts
-var state = {
-  hadKeyboardEvent: true,
-  // Assume keyboard initially (conservative)
-  isPointerInput: false,
-  lastFocusSource: "unknown"
-};
-var isInitialized = false;
-var NAVIGATION_KEYS = /* @__PURE__ */ new Set([
-  "Tab",
-  "ArrowUp",
-  "ArrowDown",
-  "ArrowLeft",
-  "ArrowRight",
-  "Enter",
-  " ",
-  "Home",
-  "End",
-  "PageUp",
-  "PageDown",
-  "Escape"
-]);
-function initFocusVisible() {
-  if (!chunkXEGB27QF_cjs.isBrowser() || isInitialized) {
-    return () => {
-    };
-  }
-  isInitialized = true;
-  function handleKeyDown(event) {
-    if (NAVIGATION_KEYS.has(event.key)) {
-      state.hadKeyboardEvent = true;
-      state.isPointerInput = false;
-      state.lastFocusSource = "keyboard";
-    }
-  }
-  function handlePointerDown(event) {
-    state.isPointerInput = true;
-    state.hadKeyboardEvent = false;
-    state.lastFocusSource = "pointerType" in event ? event.pointerType === "touch" ? "touch" : "mouse" : "mouse";
-  }
-  function handleFocus(event) {
-    const target = event.target;
-    if (!(target instanceof HTMLElement)) return;
-    if (state.hadKeyboardEvent || shouldShowFocusForElement(target)) {
-      target.dataset.a11ykitFocusVisible = "true";
-    }
-  }
-  function handleBlur(event) {
-    const target = event.target;
-    if (!(target instanceof HTMLElement)) return;
-    delete target.dataset.a11ykitFocusVisible;
-  }
-  function handleVisibilityChange() {
-    if (document.visibilityState === "hidden") {
-      state.hadKeyboardEvent = true;
-    }
-  }
-  document.addEventListener("keydown", handleKeyDown, true);
-  document.addEventListener("mousedown", handlePointerDown, true);
-  document.addEventListener("pointerdown", handlePointerDown, true);
-  document.addEventListener("focus", handleFocus, true);
-  document.addEventListener("blur", handleBlur, true);
-  document.addEventListener("visibilitychange", handleVisibilityChange, true);
-  return () => {
-    document.removeEventListener("keydown", handleKeyDown, true);
-    document.removeEventListener("mousedown", handlePointerDown, true);
-    document.removeEventListener("pointerdown", handlePointerDown, true);
-    document.removeEventListener("focus", handleFocus, true);
-    document.removeEventListener("blur", handleBlur, true);
-    document.removeEventListener(
-      "visibilitychange",
-      handleVisibilityChange,
-      true
-    );
-    isInitialized = false;
-  };
-}
-function shouldShowFocusForElement(element) {
-  const tagName = element.tagName.toLowerCase();
-  const type = element.getAttribute("type")?.toLowerCase();
-  if (tagName === "input" && (!type || type === "text" || type === "email" || type === "password" || type === "search" || type === "tel" || type === "url" || type === "number")) {
-    return true;
-  }
-  if (tagName === "textarea") {
-    return true;
-  }
-  if (element.isContentEditable) {
-    return true;
-  }
-  return false;
-}
-function isFocusVisible() {
-  return state.hadKeyboardEvent;
-}
-function hasVisibleFocus(element) {
-  return element.dataset.a11ykitFocusVisible === "true";
-}
-function getLastFocusSource() {
-  return state.lastFocusSource;
-}
-function setFocusVisible(element, visible) {
-  if (visible) {
-    element.dataset.a11ykitFocusVisible = "true";
-  } else {
-    delete element.dataset.a11ykitFocusVisible;
-  }
-}
-function focusWithVisibleRing(element, options) {
-  state.hadKeyboardEvent = true;
-  state.lastFocusSource = "keyboard";
-  element.focus(options);
-}
-
-// src/focus/focus-scope.ts
-function createFocusScope(container, options = {}) {
-  const { contain = false, restoreFocus = false, autoFocus = false } = options;
-  let previouslyFocused = null;
-  let isDestroyed = false;
-  if (restoreFocus) {
-    previouslyFocused = document.activeElement;
-  }
-  function getElements() {
-    if (isDestroyed) return [];
-    return getTabbableElements(container);
-  }
-  function getFocused() {
-    const active = document.activeElement;
-    if (active && container.contains(active)) {
-      return active;
-    }
-    return null;
-  }
-  function focusFirst() {
-    if (isDestroyed) return;
-    const elements = getElements();
-    elements[0]?.focus();
-  }
-  function focusLast() {
-    if (isDestroyed) return;
-    const elements = getElements();
-    elements[elements.length - 1]?.focus();
-  }
-  function focusNext({ wrap = true } = {}) {
-    if (isDestroyed) return;
-    const current = getFocused();
-    if (!current) {
-      focusFirst();
-      return;
-    }
-    const next = getNextFocusable(container, current, wrap);
-    next?.focus();
-  }
-  function focusPrevious({ wrap = true } = {}) {
-    if (isDestroyed) return;
-    const current = getFocused();
-    if (!current) {
-      focusLast();
-      return;
-    }
-    const prev = getPreviousFocusable(container, current, wrap);
-    prev?.focus();
-  }
-  function focusAt(index) {
-    if (isDestroyed) return;
-    const elements = getElements();
-    const element = elements[index];
-    element?.focus();
-  }
-  function handleKeyDown(event) {
-    if (isDestroyed || !contain) return;
-    if (event.key === "Tab") {
-      const elements = getElements();
-      if (elements.length === 0) {
-        event.preventDefault();
-        return;
-      }
-      const first = elements[0];
-      const last = elements[elements.length - 1];
-      const current = getFocused();
-      if (event.shiftKey && current === first) {
-        event.preventDefault();
-        last.focus();
-      } else if (!event.shiftKey && current === last) {
-        event.preventDefault();
-        first.focus();
-      }
-    }
-  }
-  function destroy() {
-    if (isDestroyed) return;
-    isDestroyed = true;
-    document.removeEventListener("keydown", handleKeyDown, true);
-    if (restoreFocus && previouslyFocused) {
-      previouslyFocused.focus();
-    }
-  }
-  if (contain) {
-    document.addEventListener("keydown", handleKeyDown, true);
-  }
-  if (autoFocus) {
-    requestAnimationFrame(() => {
-      if (!isDestroyed) focusFirst();
-    });
-  }
-  return {
-    focusFirst,
-    focusLast,
-    focusNext,
-    focusPrevious,
-    focusAt,
-    getFocused,
-    getElements,
-    destroy
-  };
-}
-function createRovingTabindex(container, selector, options = {}) {
-  const {
-    initialIndex = 0,
-    orientation = "both",
-    wrap = true,
-    onSelectionChange
-  } = options;
-  let elements = [];
-  let currentIndex = initialIndex;
-  function update() {
-    elements = Array.from(container.querySelectorAll(selector));
-    elements.forEach((el, index) => {
-      el.setAttribute("tabindex", index === currentIndex ? "0" : "-1");
-    });
-  }
-  function moveTo(index) {
-    if (elements.length === 0) return;
-    let newIndex = index;
-    if (newIndex < 0) {
-      newIndex = wrap ? elements.length - 1 : 0;
-    } else if (newIndex >= elements.length) {
-      newIndex = wrap ? 0 : elements.length - 1;
-    }
-    const previousElement = elements[currentIndex];
-    const nextElement = elements[newIndex];
-    if (previousElement) {
-      previousElement.setAttribute("tabindex", "-1");
-    }
-    if (nextElement) {
-      nextElement.setAttribute("tabindex", "0");
-      nextElement.focus();
-      onSelectionChange?.(newIndex, nextElement);
-    }
-    currentIndex = newIndex;
-  }
-  function handleKeyDown(event) {
-    const target = event.target;
-    if (!elements.includes(target)) return;
-    let handled = false;
-    switch (event.key) {
-      case "ArrowRight":
-        if (orientation === "horizontal" || orientation === "both") {
-          moveTo(currentIndex + 1);
-          handled = true;
-        }
-        break;
-      case "ArrowLeft":
-        if (orientation === "horizontal" || orientation === "both") {
-          moveTo(currentIndex - 1);
-          handled = true;
-        }
-        break;
-      case "ArrowDown":
-        if (orientation === "vertical" || orientation === "both") {
-          moveTo(currentIndex + 1);
-          handled = true;
-        }
-        break;
-      case "ArrowUp":
-        if (orientation === "vertical" || orientation === "both") {
-          moveTo(currentIndex - 1);
-          handled = true;
-        }
-        break;
-      case "Home":
-        moveTo(0);
-        handled = true;
-        break;
-      case "End":
-        moveTo(elements.length - 1);
-        handled = true;
-        break;
-    }
-    if (handled) {
-      event.preventDefault();
-      event.stopPropagation();
-    }
-  }
-  function handleFocus(event) {
-    const target = event.target;
-    const index = elements.indexOf(target);
-    if (index !== -1 && index !== currentIndex) {
-      const previousElement = elements[currentIndex];
-      if (previousElement) {
-        previousElement.setAttribute("tabindex", "-1");
-      }
-      target.setAttribute("tabindex", "0");
-      currentIndex = index;
-    }
-  }
-  update();
-  container.addEventListener("keydown", handleKeyDown);
-  container.addEventListener("focusin", handleFocus);
-  return {
-    next: () => moveTo(currentIndex + 1),
-    previous: () => moveTo(currentIndex - 1),
-    first: () => moveTo(0),
-    last: () => moveTo(elements.length - 1),
-    goto: moveTo,
-    getIndex: () => currentIndex,
-    update,
-    destroy: () => {
-      container.removeEventListener("keydown", handleKeyDown);
-      container.removeEventListener("focusin", handleFocus);
-    }
-  };
-}
-
-exports.FOCUSABLE_SELECTORS = FOCUSABLE_SELECTORS;
-exports.TABBABLE_SELECTORS = TABBABLE_SELECTORS;
-exports.containsFocus = containsFocus;
-exports.createFocusScope = createFocusScope;
-exports.createFocusTrap = createFocusTrap;
-exports.createRovingTabindex = createRovingTabindex;
-exports.focusWithVisibleRing = focusWithVisibleRing;
-exports.getActiveFocusTrap = getActiveFocusTrap;
-exports.getFirstFocusable = getFirstFocusable;
-exports.getFocusableElements = getFocusableElements;
-exports.getLastFocusSource = getLastFocusSource;
-exports.getLastFocusable = getLastFocusable;
-exports.getNextFocusable = getNextFocusable;
-exports.getPreviousFocusable = getPreviousFocusable;
-exports.getTabbableElements = getTabbableElements;
-exports.hasFocusTrap = hasFocusTrap;
-exports.hasVisibleFocus = hasVisibleFocus;
-exports.initFocusVisible = initFocusVisible;
-exports.isFocusVisible = isFocusVisible;
-exports.isFocusable = isFocusable;
-exports.isTabbable = isTabbable;
-exports.isVisible = isVisible;
-exports.isWithinContainer = isWithinContainer;
-exports.resolveElement = resolveElement;
-exports.setFocusVisible = setFocusVisible;
-//# sourceMappingURL=chunk-CQXMBRLD.cjs.map
-//# sourceMappingURL=chunk-CQXMBRLD.cjs.map