aria-ease 6.14.0 → 7.0.1

package/dist/src/combobox/index.js

@@ -1,263 +1 @@
-// src/combobox/src/makeComboBoxAccessible/makeComboBoxAccessible.ts
-function makeComboboxAccessible({ comboboxInputId, comboboxButtonId, listBoxId, listBoxItemsClass, callback }) {
-  const comboboxInput = document.getElementById(`${comboboxInputId}`);
-  if (!comboboxInput) {
-    console.error(`[aria-ease] Element with id="${comboboxInputId}" not found. Make sure the combobox input element exists before calling makeComboboxAccessible.`);
-    return { cleanup: () => {
-    } };
-  }
-  const listBox = document.getElementById(`${listBoxId}`);
-  if (!listBox) {
-    console.error(`[aria-ease] Element with id="${listBoxId}" not found. Make sure the combobox listbox element exists before calling makeComboboxAccessible.`);
-    return { cleanup: () => {
-    } };
-  }
-  const listButton = comboboxButtonId ? document.getElementById(`${comboboxButtonId}`) : null;
-  let activeIndex = -1;
-  comboboxInput.setAttribute("role", "combobox");
-  comboboxInput.setAttribute("aria-autocomplete", "list");
-  comboboxInput.setAttribute("aria-controls", listBoxId);
-  comboboxInput.setAttribute("aria-expanded", "false");
-  comboboxInput.setAttribute("aria-haspopup", "listbox");
-  listBox.setAttribute("role", "listbox");
-  let cachedItems = null;
-  function getVisibleItems() {
-    if (!cachedItems) {
-      cachedItems = listBox.querySelectorAll(`.${listBoxItemsClass}`);
-    }
-    return Array.from(cachedItems).filter((item) => !item.hidden && item.style.display !== "none");
-  }
-  function isListboxOpen() {
-    return comboboxInput.getAttribute("aria-expanded") === "true";
-  }
-  function setActiveDescendant(index) {
-    const visibleItems = getVisibleItems();
-    if (index >= 0 && index < visibleItems.length) {
-      const activeItem = visibleItems[index];
-      const itemId = activeItem.id || `${listBoxId}-option-${index}`;
-      if (!activeItem.id) {
-        activeItem.id = itemId;
-      }
-      comboboxInput.setAttribute("aria-activedescendant", itemId);
-      if (typeof activeItem.scrollIntoView === "function") {
-        activeItem.scrollIntoView({ block: "nearest", behavior: "smooth" });
-      }
-      if (callback?.onActiveDescendantChange) {
-        try {
-          callback.onActiveDescendantChange(itemId, activeItem);
-        } catch (error) {
-          console.error("[aria-ease] Error in combobox onActiveDescendantChange callback:", error);
-        }
-      }
-    } else {
-      comboboxInput.setAttribute("aria-activedescendant", "");
-    }
-    activeIndex = index;
-  }
-  function openListbox() {
-    comboboxInput.setAttribute("aria-expanded", "true");
-    listBox.style.display = "block";
-    if (callback?.onOpenChange) {
-      try {
-        callback.onOpenChange(true);
-      } catch (error) {
-        console.error("[aria-ease] Error in combobox onOpenChange callback:", error);
-      }
-    }
-  }
-  function closeListbox() {
-    comboboxInput.setAttribute("aria-expanded", "false");
-    comboboxInput.setAttribute("aria-activedescendant", "");
-    listBox.style.display = "none";
-    activeIndex = -1;
-    if (callback?.onOpenChange) {
-      try {
-        callback.onOpenChange(false);
-      } catch (error) {
-        console.error("[aria-ease] Error in combobox onOpenChange callback:", error);
-      }
-    }
-  }
-  function selectOption(item) {
-    const value = item.textContent?.trim() || "";
-    comboboxInput.value = value;
-    item.setAttribute("aria-selected", "true");
-    closeListbox();
-    if (callback?.onSelect) {
-      try {
-        callback.onSelect(item);
-      } catch (error) {
-        console.error("[aria-ease] Error in combobox onSelect callback:", error);
-      }
-    }
-  }
-  function handleInputKeyDown(event) {
-    const visibleItems = getVisibleItems();
-    const isOpen = isListboxOpen();
-    switch (event.key) {
-      case "ArrowDown":
-        event.preventDefault();
-        if (!isOpen) {
-          openListbox();
-          return;
-        }
-        if (visibleItems.length === 0) return;
-        {
-          const newIndex = activeIndex >= visibleItems.length - 1 ? 0 : activeIndex + 1;
-          setActiveDescendant(newIndex);
-        }
-        break;
-      case "ArrowUp":
-        event.preventDefault();
-        if (!isOpen) return;
-        if (visibleItems.length > 0) {
-          const newIndex = activeIndex <= 0 ? visibleItems.length - 1 : activeIndex - 1;
-          setActiveDescendant(newIndex);
-        }
-        break;
-      case "Enter":
-        if (isOpen && activeIndex >= 0 && activeIndex < visibleItems.length) {
-          event.preventDefault();
-          selectOption(visibleItems[activeIndex]);
-        }
-        break;
-      case "Escape":
-        if (isOpen) {
-          event.preventDefault();
-          closeListbox();
-        } else if (comboboxInput.value) {
-          event.preventDefault();
-          comboboxInput.value = "";
-          comboboxInput.setAttribute("aria-activedescendant", "");
-          const visibleItems2 = getVisibleItems();
-          visibleItems2.forEach((item) => {
-            if (item.getAttribute("aria-selected") === "true") item.setAttribute("aria-selected", "false");
-          });
-          if (callback?.onClear) {
-            try {
-              callback.onClear();
-            } catch (error) {
-              console.error("[aria-ease] Error in combobox onClear callback:", error);
-            }
-          }
-        }
-        break;
-      case "Home":
-        if (isOpen && visibleItems.length > 0) {
-          event.preventDefault();
-          setActiveDescendant(0);
-        }
-        break;
-      case "End":
-        if (isOpen && visibleItems.length > 0) {
-          event.preventDefault();
-          setActiveDescendant(visibleItems.length - 1);
-        }
-        break;
-      case "Tab":
-        if (isOpen && activeIndex >= 0 && activeIndex < visibleItems.length) {
-          selectOption(visibleItems[activeIndex]);
-        }
-        if (isOpen) {
-          closeListbox();
-        }
-        break;
-    }
-  }
-  function handleMouseMove(event) {
-    const target = event.target;
-    if (target.classList.contains(listBoxItemsClass)) {
-      const visibleItems = getVisibleItems();
-      const index = visibleItems.indexOf(target);
-      if (index >= 0) {
-        setActiveDescendant(index);
-      }
-    }
-  }
-  function handleMouseDown(event) {
-    const target = event.target;
-    if (target.classList.contains(listBoxItemsClass)) {
-      event.preventDefault();
-      selectOption(target);
-    }
-  }
-  function handleClickOutside(event) {
-    const target = event.target;
-    if (!comboboxInput.contains(target) && !listBox.contains(target) && (!listButton || !listButton.contains(target))) {
-      closeListbox();
-    }
-  }
-  function handleListButtonClick() {
-    if (isListboxOpen()) {
-      closeListbox();
-    } else {
-      openListbox();
-      comboboxInput.focus();
-    }
-  }
-  function handleListButtonKeyDown(event) {
-    if (event.key === "Enter" || event.key === " ") {
-      event.preventDefault();
-      handleListButtonClick();
-    }
-  }
-  comboboxInput.addEventListener("keydown", handleInputKeyDown);
-  listBox.addEventListener("mousemove", handleMouseMove);
-  listBox.addEventListener("mousedown", handleMouseDown);
-  document.addEventListener("mousedown", handleClickOutside);
-  if (listButton) {
-    listButton.setAttribute("tabindex", "-1");
-    listButton.setAttribute("aria-label", "Toggle options");
-    listButton.addEventListener("click", handleListButtonClick);
-    listButton.addEventListener("keydown", handleListButtonKeyDown);
-  }
-  function initializeOptions() {
-    const items = listBox.querySelectorAll(`.${listBoxItemsClass}`);
-    if (items.length === 0) return;
-    let selectedValue = null;
-    for (const item of items) {
-      if (item.getAttribute("aria-selected") === "true") {
-        selectedValue = item.textContent?.trim() || null;
-        break;
-      }
-    }
-    if (!selectedValue && comboboxInput.value) {
-      selectedValue = comboboxInput.value.trim();
-    }
-    items.forEach((item, index) => {
-      item.setAttribute("role", "option");
-      const itemValue = item.textContent?.trim() || "";
-      if (selectedValue && itemValue === selectedValue) {
-        item.setAttribute("aria-selected", "true");
-      } else {
-        item.setAttribute("aria-selected", "false");
-      }
-      const currentId = item.getAttribute("id");
-      if (!currentId || currentId === "") {
-        const itemId = `${listBoxId}-option-${index}`;
-        item.id = itemId;
-        item.setAttribute("id", itemId);
-      }
-    });
-  }
-  initializeOptions();
-  function cleanup() {
-    comboboxInput.removeEventListener("keydown", handleInputKeyDown);
-    listBox.removeEventListener("mousemove", handleMouseMove);
-    listBox.removeEventListener("mousedown", handleMouseDown);
-    document.removeEventListener("mousedown", handleClickOutside);
-    if (listButton) {
-      listButton.removeEventListener("click", handleListButtonClick);
-      listButton.removeEventListener("keydown", handleListButtonKeyDown);
-    }
-  }
-  function refresh() {
-    cachedItems = null;
-    initializeOptions();
-    activeIndex = -1;
-    setActiveDescendant(-1);
-  }
-  return { cleanup, refresh, openListbox, closeListbox };
-}
-
-export { makeComboboxAccessible };
+function $({comboboxInputId:h,comboboxButtonId:A,listBoxId:b,listBoxItemsClass:u,callback:a}){if(h==="")return console.error("[aria-ease] 'comboboxInputId' should not be an empty string. Provide an id to the combobox input element that exists before calling makeComboboxAccessible."),{cleanup:()=>{}};let o=document.getElementById(`${h}`);if(!o)return console.error(`[aria-ease] Element with id="${h}" not found. Make sure the combobox input element exists before calling makeComboboxAccessible.`),{cleanup:()=>{}};if(b==="")return console.error("[aria-ease] 'listBoxId' should not be an empty string. Provide an id to the combobox listbox element that exists before calling makeComboboxAccessible."),{cleanup:()=>{}};let s=document.getElementById(`${b}`);if(!s)return console.error(`[aria-ease] Element with id="${b}" not found. Make sure the combobox listbox element exists before calling makeComboboxAccessible.`),{cleanup:()=>{}};if(u==="")return console.error("[aria-ease] 'listboxItemsClass' class should not be an empty string. Provide a class name to at least a listbox option that exists before calling makeComboboxAccessible."),{cleanup:()=>{}};if(!document.querySelectorAll(u))return console.error(`[aria-ease] Listbox option(s) with class="${u}" not found. Make sure at least a combobox listbox option exists before calling makeComboboxAccessible.`),{cleanup:()=>{}};let l=A?document.getElementById(`${A}`):null,r=-1;o.setAttribute("role","combobox"),o.setAttribute("aria-autocomplete","list"),o.setAttribute("aria-controls",b),o.setAttribute("aria-expanded","false"),o.setAttribute("aria-haspopup","listbox"),s.setAttribute("role","listbox");let m=null;function p(){return m||(m=s.querySelectorAll(`.${u}`)),Array.from(m).filter(e=>!e.hidden&&e.style.display!=="none")}function x(){return o.getAttribute("aria-expanded")==="true"}function f(e){let t=p();if(e>=0&&e<t.length){let n=t[e],i=n.id||`${b}-option-${e}`;if(n.id||(n.id=i),o.setAttribute("aria-activedescendant",i),typeof n.scrollIntoView=="function"&&n.scrollIntoView({block:"nearest",behavior:"smooth"}),a?.onActiveDescendantChange)try{a.onActiveDescendantChange(i,n);}catch(c){console.error("[aria-ease] Error in combobox onActiveDescendantChange callback:",c);}}else o.setAttribute("aria-activedescendant","");r=e;}function v(){if(o.setAttribute("aria-expanded","true"),s.style.display="block",a?.onOpenChange)try{a.onOpenChange(!0);}catch(e){console.error("[aria-ease] Error in combobox onOpenChange callback:",e);}}function d(){if(o.setAttribute("aria-expanded","false"),o.setAttribute("aria-activedescendant",""),s.style.display="none",r=-1,a?.onOpenChange)try{a.onOpenChange(!1);}catch(e){console.error("[aria-ease] Error in combobox onOpenChange callback:",e);}}function g(e){let t=e.textContent?.trim()||"";if(o.value=t,e.setAttribute("aria-selected","true"),d(),a?.onSelect)try{a.onSelect(e);}catch(n){console.error("[aria-ease] Error in combobox onSelect callback:",n);}}function L(e){let t=p(),n=x();switch(e.key){case "ArrowDown":if(e.preventDefault(),!n){v();return}if(t.length===0)return;{let i=r>=t.length-1?0:r+1;f(i);}break;case "ArrowUp":if(e.preventDefault(),!n)return;if(t.length>0){let i=r<=0?t.length-1:r-1;f(i);}break;case "Enter":n&&r>=0&&r<t.length&&(e.preventDefault(),g(t[r]));break;case "Escape":if(n)e.preventDefault(),d();else if(o.value&&(e.preventDefault(),o.value="",o.setAttribute("aria-activedescendant",""),p().forEach(c=>{c.getAttribute("aria-selected")==="true"&&c.setAttribute("aria-selected","false");}),a?.onClear))try{a.onClear();}catch(c){console.error("[aria-ease] Error in combobox onClear callback:",c);}break;case "Home":n&&t.length>0&&(e.preventDefault(),f(0));break;case "End":n&&t.length>0&&(e.preventDefault(),f(t.length-1));break;case "Tab":n&&r>=0&&r<t.length&&g(t[r]),n&&d();break}}function y(e){let t=e.target;if(t.classList.contains(u)){let i=p().indexOf(t);i>=0&&f(i);}}function k(e){let t=e.target;t.classList.contains(u)&&(e.preventDefault(),g(t));}function C(e){let t=e.target;!o.contains(t)&&!s.contains(t)&&(!l||!l.contains(t))&&d();}function E(){x()?d():(v(),o.focus());}function w(e){(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),E());}o.addEventListener("keydown",L),s.addEventListener("mousemove",y),s.addEventListener("mousedown",k),document.addEventListener("mousedown",C),l&&(l.setAttribute("tabindex","-1"),l.setAttribute("aria-label","Toggle options"),l.addEventListener("click",E),l.addEventListener("keydown",w));function M(){let e=s.querySelectorAll(`.${u}`);if(e.length===0)return;let t=null;for(let n of e)if(n.getAttribute("aria-selected")==="true"){t=n.textContent?.trim()||null;break}!t&&o.value&&(t=o.value.trim()),e.forEach((n,i)=>{n.setAttribute("role","option");let c=n.textContent?.trim()||"";t&&c===t?n.setAttribute("aria-selected","true"):n.setAttribute("aria-selected","false");let O=n.getAttribute("id");if(!O||O===""){let D=`${b}-option-${i}`;n.id=D,n.setAttribute("id",D);}});}M();function T(){o.removeEventListener("keydown",L),s.removeEventListener("mousemove",y),s.removeEventListener("mousedown",k),document.removeEventListener("mousedown",C),l&&(l.removeEventListener("click",E),l.removeEventListener("keydown",w));}function H(){m=null,M(),r=-1,f(-1);}return {cleanup:T,refresh:H,openListbox:v,closeListbox:d}}export{$ as makeComboboxAccessible};

package/dist/src/menu/index.cjs

@@ -1,339 +1 @@
-'use strict';
-
-// src/menu/src/makeMenuAccessible/makeMenuAccessible.ts
-function makeMenuAccessible({ menuId, menuItemsClass, triggerId, callback }) {
-  const menuDiv = document.querySelector(`#${menuId}`);
-  if (!menuDiv) {
-    console.error(`[aria-ease] Element with id="${menuId}" not found. Make sure the menu element exists before calling makeMenuAccessible.`);
-    return { openMenu: () => {
-    }, closeMenu: () => {
-    }, cleanup: () => {
-    } };
-  }
-  const triggerButton = document.querySelector(`#${triggerId}`);
-  if (!triggerButton) {
-    console.error(`[aria-ease] Element with id="${triggerId}" not found. Make sure the trigger button element exists before calling makeMenuAccessible.`);
-    return { openMenu: () => {
-    }, closeMenu: () => {
-    }, cleanup: () => {
-    } };
-  }
-  if (!/^[\w-]+$/.test(menuId)) {
-    console.error("[aria-ease] Invalid menuId: must be alphanumeric");
-    return { openMenu: () => {
-    }, closeMenu: () => {
-    }, cleanup: () => {
-    } };
-  }
-  triggerButton.setAttribute("aria-haspopup", "true");
-  triggerButton.setAttribute("aria-controls", menuId);
-  triggerButton.setAttribute("aria-expanded", "false");
-  menuDiv.setAttribute("role", "menu");
-  menuDiv.setAttribute("aria-labelledby", triggerId);
-  const handlerMap = /* @__PURE__ */ new WeakMap();
-  const submenuInstances = /* @__PURE__ */ new Map();
-  let cachedItems = null;
-  let filteredItems = null;
-  function getItems() {
-    if (!cachedItems) {
-      cachedItems = menuDiv.querySelectorAll(`.${menuItemsClass}`);
-    }
-    return cachedItems;
-  }
-  function getFilteredItems() {
-    if (!filteredItems) {
-      const allItems = getItems();
-      filteredItems = [];
-      for (let i = 0; i < allItems.length; i++) {
-        const item = allItems.item(i);
-        const isNested = isItemInNestedSubmenu(item);
-        const isDisabled = item.getAttribute("aria-disabled") === "true";
-        if (!isNested) {
-          if (!item.hasAttribute("tabindex")) {
-            item.setAttribute("tabindex", "-1");
-          }
-          if (!isDisabled) {
-            filteredItems.push(item);
-          }
-        }
-      }
-    }
-    return filteredItems;
-  }
-  function toNodeListLike(items) {
-    const nodeListLike = {
-      length: items.length,
-      item: (index) => items[index],
-      forEach: (callback2) => {
-        items.forEach(callback2);
-      },
-      [Symbol.iterator]: function* () {
-        for (const item of items) {
-          yield item;
-        }
-      }
-    };
-    return nodeListLike;
-  }
-  function intializeMenuItems() {
-    const items = getItems();
-    items.forEach((item) => {
-      item.setAttribute("role", "menuitem");
-      const submenuId = item.getAttribute("data-submenu-id") ?? item.getAttribute("aria-controls");
-      const hasSubmenuTriggerAttributes = item.hasAttribute("aria-haspopup") && submenuId;
-      if (submenuId && (item.hasAttribute("data-submenu-id") || hasSubmenuTriggerAttributes)) {
-        item.setAttribute("aria-haspopup", "menu");
-        item.setAttribute("aria-controls", submenuId);
-        if (!item.hasAttribute("aria-expanded")) {
-          item.setAttribute("aria-expanded", "false");
-        }
-      }
-    });
-  }
-  function moveFocus(elementItems, currentIndex, direction) {
-    const len = elementItems.length;
-    const nextIndex = (currentIndex + direction + len) % len;
-    elementItems.item(nextIndex).focus();
-  }
-  function focusItemAtIndex(items, index) {
-    if (items.length === 0) return;
-    items[index]?.focus();
-  }
-  function hasSubmenu(menuItem) {
-    return menuItem.hasAttribute("aria-controls") && menuItem.hasAttribute("aria-haspopup") && menuItem.getAttribute("role") === "menuitem";
-  }
-  function closeAncestorMenusFromTrigger(triggerEl) {
-    let currentTrigger = triggerEl;
-    while (currentTrigger && currentTrigger.getAttribute("role") === "menuitem") {
-      const parentMenu = currentTrigger.closest('[role="menu"]');
-      if (!parentMenu) break;
-      parentMenu.style.display = "none";
-      currentTrigger.setAttribute("aria-expanded", "false");
-      const parentTriggerId = parentMenu.getAttribute("aria-labelledby");
-      if (!parentTriggerId) break;
-      const nextTrigger = document.getElementById(parentTriggerId);
-      if (!nextTrigger) break;
-      currentTrigger = nextTrigger;
-    }
-  }
-  intializeMenuItems();
-  function handleItemsKeydown(event, menuItem, menuItemIndex) {
-    switch (event.key) {
-      case "ArrowLeft": {
-        if (event.key === "ArrowLeft" && triggerButton.getAttribute("role") === "menuitem") {
-          event.preventDefault();
-          closeMenu();
-          return;
-        }
-        break;
-      }
-      case "ArrowUp": {
-        event.preventDefault();
-        moveFocus(toNodeListLike(getFilteredItems()), menuItemIndex, -1);
-        break;
-      }
-      case "ArrowRight": {
-        if (event.key === "ArrowRight" && hasSubmenu(menuItem)) {
-          event.preventDefault();
-          const submenuId = menuItem.getAttribute("aria-controls");
-          if (submenuId) {
-            openSubmenu(submenuId);
-            return;
-          }
-        }
-        break;
-      }
-      case "ArrowDown": {
-        event.preventDefault();
-        moveFocus(toNodeListLike(getFilteredItems()), menuItemIndex, 1);
-        break;
-      }
-      case "Home": {
-        event.preventDefault();
-        focusItemAtIndex(getFilteredItems(), 0);
-        break;
-      }
-      case "End": {
-        event.preventDefault();
-        const items = getFilteredItems();
-        focusItemAtIndex(items, items.length - 1);
-        break;
-      }
-      case "Escape": {
-        event.preventDefault();
-        closeMenu();
-        triggerButton.focus();
-        if (onOpenChange) {
-          onOpenChange(false);
-        }
-        break;
-      }
-      case "Enter":
-      case " ": {
-        event.preventDefault();
-        if (hasSubmenu(menuItem)) {
-          const submenuId = menuItem.getAttribute("aria-controls");
-          if (submenuId) {
-            openSubmenu(submenuId);
-            return;
-          }
-        }
-        menuItem.click();
-        closeMenu();
-        if (onOpenChange) {
-          onOpenChange(false);
-        }
-        break;
-      }
-      case "Tab": {
-        closeMenu();
-        closeAncestorMenusFromTrigger(triggerButton);
-        if (onOpenChange) {
-          onOpenChange(false);
-        }
-        break;
-      }
-    }
-  }
-  function isItemInNestedSubmenu(item) {
-    let parent = item.parentElement;
-    while (parent && parent !== menuDiv) {
-      if (parent.getAttribute("role") === "menu") {
-        return true;
-      }
-      if (parent.id) {
-        const parentMenuTrigger = menuDiv.querySelector(`[aria-controls="${parent.id}"]`);
-        if (parentMenuTrigger) {
-          return true;
-        }
-      }
-      parent = parent.parentElement;
-    }
-    return false;
-  }
-  function setAria(isOpen) {
-    triggerButton.setAttribute("aria-expanded", isOpen ? "true" : "false");
-  }
-  function openSubmenu(submenuId) {
-    let submenuInstance = submenuInstances.get(submenuId);
-    if (!submenuInstance) {
-      const submenuTrigger = menuDiv.querySelector(`[aria-controls="${submenuId}"]`);
-      if (!submenuTrigger) {
-        console.error(`[aria-ease] Submenu trigger with aria-controls="${submenuId}" not found in menu "${menuId}".`);
-        return;
-      }
-      if (!submenuTrigger.id) {
-        const generatedId = `trigger-${submenuId}`;
-        submenuTrigger.id = generatedId;
-        console.warn(`[aria-ease] Submenu trigger for "${submenuId}" had no ID. Auto-generated ID: "${generatedId}".`);
-      }
-      const submenuElement = document.querySelector(`#${submenuId}`);
-      if (!submenuElement) {
-        console.error(`[aria-ease] Submenu element with id="${submenuId}" not found. Cannot create submenu instance.`);
-        return;
-      }
-      submenuInstance = makeMenuAccessible({
-        menuId: submenuId,
-        menuItemsClass,
-        triggerId: submenuTrigger.id,
-        callback
-      });
-      submenuInstances.set(submenuId, submenuInstance);
-    }
-    submenuInstance.openMenu();
-  }
-  function onOpenChange(isOpen) {
-    if (callback?.onOpenChange) {
-      try {
-        callback.onOpenChange(isOpen);
-      } catch (error) {
-        console.error("[aria-ease] Error in menu onOpenChange callback:", error);
-      }
-    }
-  }
-  function addListeners() {
-    const items = getFilteredItems();
-    items.forEach((menuItem, index) => {
-      if (!handlerMap.has(menuItem)) {
-        const handler = (event) => handleItemsKeydown(event, menuItem, index);
-        menuItem.addEventListener("keydown", handler);
-        handlerMap.set(menuItem, handler);
-      }
-    });
-  }
-  function removeListeners() {
-    const items = getFilteredItems();
-    items.forEach((menuItem) => {
-      const handler = handlerMap.get(menuItem);
-      if (handler) {
-        menuItem.removeEventListener("keydown", handler);
-        handlerMap.delete(menuItem);
-      }
-    });
-  }
-  function openMenu() {
-    setAria(true);
-    menuDiv.style.display = "block";
-    const items = getFilteredItems();
-    addListeners();
-    if (items && items.length > 0) {
-      items[0].focus();
-    }
-    if (callback?.onOpenChange) {
-      try {
-        callback.onOpenChange(true);
-      } catch (error) {
-        console.error("[aria-ease] Error in menu onOpenChange callback:", error);
-      }
-    }
-  }
-  function closeMenu() {
-    submenuInstances.forEach((instance) => instance.closeMenu());
-    setAria(false);
-    menuDiv.style.display = "none";
-    removeListeners();
-    triggerButton.focus();
-    if (callback?.onOpenChange) {
-      try {
-        callback.onOpenChange(false);
-      } catch (error) {
-        console.error("[aria-ease] Error in menu onOpenChange callback:", error);
-      }
-    }
-  }
-  function handleTriggerClick() {
-    const isOpen = triggerButton.getAttribute("aria-expanded") === "true";
-    if (isOpen) {
-      closeMenu();
-    } else {
-      openMenu();
-    }
-  }
-  function handleClickOutside(event) {
-    const isMenuOpen = triggerButton.getAttribute("aria-expanded") === "true";
-    if (!isMenuOpen) return;
-    const clickedTrigger = triggerButton.contains(event.target);
-    const clickedMenu = menuDiv.contains(event.target);
-    if (!clickedTrigger && !clickedMenu) {
-      closeMenu();
-    }
-  }
-  triggerButton.addEventListener("click", handleTriggerClick);
-  document.addEventListener("click", handleClickOutside);
-  function cleanup() {
-    removeListeners();
-    triggerButton.removeEventListener("click", handleTriggerClick);
-    document.removeEventListener("click", handleClickOutside);
-    menuDiv.style.display = "none";
-    setAria(false);
-    submenuInstances.forEach((instance) => instance.cleanup());
-    submenuInstances.clear();
-  }
-  function refresh() {
-    cachedItems = null;
-    filteredItems = null;
-  }
-  return { openMenu, closeMenu, cleanup, refresh };
-}
-
-exports.makeMenuAccessible = makeMenuAccessible;
+'use strict';function F({menuId:c,menuItemsClass:h,triggerId:m,callback:s}){if(c==="")return console.error("[aria-ease] 'menuId' should not be an empty string. Provide an id of the menu element before calling makeMenuAccessible."),{openMenu:()=>{},closeMenu:()=>{},cleanup:()=>{}};let a=document.querySelector(`#${c}`);if(!a)return console.error(`[aria-ease] Element with id="${c}" not found. Make sure the menu element exists before calling makeMenuAccessible.`),{openMenu:()=>{},closeMenu:()=>{},cleanup:()=>{}};if(m==="")return console.error("[aria-ease] 'triggerId' should not be an empty string. Provide an id of the trigger button element before calling makeMenuAccessible."),{openMenu:()=>{},closeMenu:()=>{},cleanup:()=>{}};let o=document.querySelector(`#${m}`);if(!o)return console.error(`[aria-ease] Element with id="${m}" not found. Make sure the trigger button element exists before calling makeMenuAccessible.`),{openMenu:()=>{},closeMenu:()=>{},cleanup:()=>{}};if(h==="")return console.error("[aria-ease] 'menuItemsClass' should not be an empty string. Provide a class name to at least a menu item that exists before calling makeMenuAccessible."),{openMenu:()=>{},closeMenu:()=>{},cleanup:()=>{}};if(!/^[\w-]+$/.test(c))return console.error("[aria-ease] Invalid menuId: must be alphanumeric"),{openMenu:()=>{},closeMenu:()=>{},cleanup:()=>{}};o.setAttribute("aria-haspopup","true"),o.setAttribute("aria-controls",c),o.setAttribute("aria-expanded","false"),a.setAttribute("role","menu"),a.setAttribute("aria-labelledby",m);let p=new WeakMap,d=new Map,g=null,b=null;function E(){return g||(g=a.querySelectorAll(`.${h}`)),g}function u(){if(!b){let e=E();b=[];for(let t=0;t<e.length;t++){let n=e.item(t),r=S(n),i=n.getAttribute("aria-disabled")==="true";r||(n.hasAttribute("tabindex")||n.setAttribute("tabindex","-1"),i||b.push(n));}}return b}function A(e){return {length:e.length,item:n=>e[n],forEach:n=>{e.forEach(n);},[Symbol.iterator]:function*(){for(let n of e)yield n;}}}function v(){E().forEach(t=>{t.setAttribute("role","menuitem");let n=t.getAttribute("data-submenu-id")??t.getAttribute("aria-controls"),r=t.hasAttribute("aria-haspopup")&&n;n&&(t.hasAttribute("data-submenu-id")||r)&&(t.setAttribute("aria-haspopup","menu"),t.setAttribute("aria-controls",n),t.hasAttribute("aria-expanded")||t.setAttribute("aria-expanded","false"));});}function L(e,t,n){let r=e.length,i=(t+n+r)%r;e.item(i).focus();}function k(e,t){e.length!==0&&e[t]?.focus();}function y(e){return e.hasAttribute("aria-controls")&&e.hasAttribute("aria-haspopup")&&e.getAttribute("role")==="menuitem"}function C(e){let t=e;for(;t&&t.getAttribute("role")==="menuitem";){let n=t.closest('[role="menu"]');if(!n)break;n.style.display="none",t.setAttribute("aria-expanded","false");let r=n.getAttribute("aria-labelledby");if(!r)break;let i=document.getElementById(r);if(!i)break;t=i;}}v();function $(e,t,n){switch(e.key){case "ArrowLeft":{if(e.key==="ArrowLeft"&&o.getAttribute("role")==="menuitem"){e.preventDefault(),l();return}break}case "ArrowUp":{e.preventDefault(),L(A(u()),n,-1);break}case "ArrowRight":{if(e.key==="ArrowRight"&&y(t)){e.preventDefault();let r=t.getAttribute("aria-controls");if(r){T(r);return}}break}case "ArrowDown":{e.preventDefault(),L(A(u()),n,1);break}case "Home":{e.preventDefault(),k(u(),0);break}case "End":{e.preventDefault();let r=u();k(r,r.length-1);break}case "Escape":{e.preventDefault(),l(),o.focus(),f&&f(false);break}case "Enter":case " ":{if(e.preventDefault(),y(t)){let r=t.getAttribute("aria-controls");if(r){T(r);return}}t.click(),l(),f&&f(false);break}case "Tab":{l(),C(o),f&&f(false);break}}}function S(e){let t=e.parentElement;for(;t&&t!==a;){if(t.getAttribute("role")==="menu"||t.id&&a.querySelector(`[aria-controls="${t.id}"]`))return  true;t=t.parentElement;}return  false}function M(e){o.setAttribute("aria-expanded",e?"true":"false");}function T(e){let t=d.get(e);if(!t){let n=a.querySelector(`[aria-controls="${e}"]`);if(!n){console.error(`[aria-ease] Submenu trigger with aria-controls="${e}" not found in menu "${c}".`);return}if(!n.id){let i=`trigger-${e}`;n.id=i,console.warn(`[aria-ease] Submenu trigger for "${e}" had no ID. Auto-generated ID: "${i}".`);}if(!document.querySelector(`#${e}`)){console.error(`[aria-ease] Submenu element with id="${e}" not found. Cannot create submenu instance.`);return}t=F({menuId:e,menuItemsClass:h,triggerId:n.id,callback:s}),d.set(e,t);}t.openMenu();}function f(e){if(s?.onOpenChange)try{s.onOpenChange(e);}catch(t){console.error("[aria-ease] Error in menu onOpenChange callback:",t);}}function D(){u().forEach((t,n)=>{if(!p.has(t)){let r=i=>$(i,t,n);t.addEventListener("keydown",r),p.set(t,r);}});}function H(){u().forEach(t=>{let n=p.get(t);n&&(t.removeEventListener("keydown",n),p.delete(t));});}function w(){M(true),a.style.display="block";let e=u();if(D(),e&&e.length>0&&e[0].focus(),s?.onOpenChange)try{s.onOpenChange(!0);}catch(t){console.error("[aria-ease] Error in menu onOpenChange callback:",t);}}function l(){if(d.forEach(e=>e.closeMenu()),M(false),a.style.display="none",H(),o.focus(),s?.onOpenChange)try{s.onOpenChange(!1);}catch(e){console.error("[aria-ease] Error in menu onOpenChange callback:",e);}}function O(){o.getAttribute("aria-expanded")==="true"?l():w();}function x(e){if(!(o.getAttribute("aria-expanded")==="true"))return;let n=o.contains(e.target),r=a.contains(e.target);!n&&!r&&l();}o.addEventListener("click",O),document.addEventListener("click",x);function N(){H(),o.removeEventListener("click",O),document.removeEventListener("click",x),a.style.display="none",M(false),d.forEach(e=>e.cleanup()),d.clear();}function q(){g=null,b=null;}return {openMenu:w,closeMenu:l,cleanup:N,refresh:q}}exports.makeMenuAccessible=F;