aria-ease 2.2.3 → 2.4.0

package/dist/src/checkbox/index.js

@@ -1,2 +1,34 @@
-export { updateCheckboxAriaAttributes } from '../../chunk-RK3JUAFZ.js'; //# sourceMappingURL=index.js.map
+// src/checkbox/src/updateCheckboxAriaAttributes/updateCheckboxAriaAttributes.ts
+function updateCheckboxAriaAttributes(checkboxId, checkboxesClass, checkboxStates, currentPressedCheckboxIndex) {
+  const checkboxDiv = document.querySelector(`#${checkboxId}`);
+  if (!checkboxDiv) {
+    console.error(`[aria-ease] Invalid checkbox main div id provided. No checkbox div with id '${checkboxDiv} found.'`);
+    return;
+  }
+  const checkboxItems = Array.from(document.querySelectorAll(`.${checkboxesClass}`));
+  if (checkboxItems.length === 0) {
+    console.error(`[aria-ease] Element with class="${checkboxesClass}" not found. Make sure the checkbox items exist before calling updateCheckboxAriaAttributes.`);
+    return;
+  }
+  if (checkboxStates.length === 0) {
+    console.error(`[aria-ease] Checkbox states array is empty. Make sure the checkboxStates array is populated before calling updateCheckboxAriaAttributes.`);
+    return;
+  }
+  if (currentPressedCheckboxIndex < 0 || currentPressedCheckboxIndex >= checkboxStates.length) {
+    console.error(`[aria-ease] Checkbox index ${currentPressedCheckboxIndex} is out of bounds for states array of length ${checkboxStates.length}.`);
+    return;
+  }
+  checkboxItems.forEach((checkbox, index) => {
+    if (index === currentPressedCheckboxIndex) {
+      const checked = checkbox.getAttribute("aria-checked");
+      const shouldBeChecked = checkboxStates[index].checked ? "true" : "false";
+      if (checked && checked !== shouldBeChecked) {
+        checkbox.setAttribute("aria-checked", shouldBeChecked);
+      }
+    }
+  });
+}
+
+export { updateCheckboxAriaAttributes };
+//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/src/checkbox/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/Users/macx/aria-ease/package/dist/src/checkbox/index.js"],"names":["updateCheckboxAriaAttributes"],"mappings":"AAAA,SAASA,4BAA4B,QAAQ,0BAA0B,CACvE,iCAAiC","sourcesContent":["export { updateCheckboxAriaAttributes } from '../../chunk-RK3JUAFZ.js';\n//# sourceMappingURL=index.js.map\n"]}
+{"version":3,"sources":["../../../src/checkbox/src/updateCheckboxAriaAttributes/updateCheckboxAriaAttributes.ts"],"names":[],"mappings":";AAUO,SAAS,4BAAA,CAA6B,UAAA,EAAoB,eAAA,EAAyB,cAAA,EAAkC,2BAAA,EAA2C;AACrK,EAAA,MAAM,WAAA,GAAkC,QAAA,CAAS,aAAA,CAAc,CAAA,CAAA,EAAI,UAAU,CAAA,CAAE,CAAA;AAC/E,EAAA,IAAI,CAAC,WAAA,EAAa;AAChB,IAAA,OAAA,CAAQ,KAAA,CAAM,CAAA,4EAAA,EAA+E,WAAW,CAAA,QAAA,CAAU,CAAA;AAClH,IAAA;AAAA,EACF;AAEA,EAAA,MAAM,aAAA,GAA+B,MAAM,IAAA,CAAK,QAAA,CAAS,iBAAiB,CAAA,CAAA,EAAI,eAAe,EAAE,CAAC,CAAA;AAChG,EAAA,IAAI,aAAA,CAAc,WAAW,CAAA,EAAG;AAC9B,IAAA,OAAA,CAAQ,KAAA,CAAM,CAAA,gCAAA,EAAmC,eAAe,CAAA,4FAAA,CAA8F,CAAA;AAC9J,IAAA;AAAA,EACF;AAEA,EAAA,IAAI,cAAA,CAAe,WAAW,CAAA,EAAG;AAC/B,IAAA,OAAA,CAAQ,MAAM,CAAA,wIAAA,CAA0I,CAAA;AACxJ,IAAA;AAAA,EACF;AAEA,EAAA,IAAI,2BAAA,GAA8B,CAAA,IAAK,2BAAA,IAA+B,cAAA,CAAe,MAAA,EAAQ;AAC3F,IAAA,OAAA,CAAQ,MAAM,CAAA,2BAAA,EAA8B,2BAA2B,CAAA,6CAAA,EAAgD,cAAA,CAAe,MAAM,CAAA,CAAA,CAAG,CAAA;AAC/I,IAAA;AAAA,EACF;AAEA,EAAA,aAAA,CAAc,OAAA,CAAQ,CAAC,QAAA,EAAuB,KAAA,KAAkB;AAC9D,IAAA,IAAI,UAAU,2BAAA,EAA6B;AACzC,MAAA,MAAM,OAAA,GAAU,QAAA,CAAS,YAAA,CAAa,cAAc,CAAA;AACpD,MAAA,MAAM,eAAA,GAAkB,cAAA,CAAe,KAAK,CAAA,CAAE,UAAU,MAAA,GAAS,OAAA;AACjE,MAAA,IAAI,OAAA,IAAW,YAAY,eAAA,EAAiB;AAC1C,QAAA,QAAA,CAAS,YAAA,CAAa,gBAAgB,eAAe,CAAA;AAAA,MACvD;AAAA,IACF;AAAA,EACF,CAAC,CAAA;AACH","file":"index.js","sourcesContent":["/**\n * Adds screen reader accessibility to multiple checkboxes. Updates the aria attributes of the checkboxes. Checkbox elements must possess the following aria attributes; aria-checked and aria-label.\n * @param {string} checkboxId The id of the checkbox parent container.\n * @param {string} checkboxesClass The shared class of all the checkboxes.\n * @param {CheckboxStates[]} checkboxStates Array of objects containing checkboxes state information.\n * @param {number} currentPressedCheckboxIndex Index of the currently checked or unchecked checkbox.\n*/\n\nimport { CheckboxStates } from \"../../../../Types\";\n\nexport function updateCheckboxAriaAttributes(checkboxId: string, checkboxesClass: string, checkboxStates: CheckboxStates[], currentPressedCheckboxIndex: number): void {\n  const checkboxDiv: HTMLElement | null = document.querySelector(`#${checkboxId}`);\n  if (!checkboxDiv) {\n    console.error(`[aria-ease] Invalid checkbox main div id provided. No checkbox div with id '${checkboxDiv} found.'`);\n    return;\n  }\n            \n  const checkboxItems: HTMLElement[] = Array.from(document.querySelectorAll(`.${checkboxesClass}`));\n  if (checkboxItems.length === 0) {\n    console.error(`[aria-ease] Element with class=\"${checkboxesClass}\" not found. Make sure the checkbox items exist before calling updateCheckboxAriaAttributes.`);\n    return;\n  };\n\n  if (checkboxStates.length === 0) {\n    console.error(`[aria-ease] Checkbox states array is empty. Make sure the checkboxStates array is populated before calling updateCheckboxAriaAttributes.`);\n    return;\n  }\n\n  if (currentPressedCheckboxIndex < 0 || currentPressedCheckboxIndex >= checkboxStates.length) {\n    console.error(`[aria-ease] Checkbox index ${currentPressedCheckboxIndex} is out of bounds for states array of length ${checkboxStates.length}.`);\n    return;\n  }\n\n  checkboxItems.forEach((checkbox: HTMLElement, index: number) => {\n    if (index === currentPressedCheckboxIndex) {\n      const checked = checkbox.getAttribute(\"aria-checked\");\n      const shouldBeChecked = checkboxStates[index].checked ? 'true' : 'false';\n      if (checked && checked !== shouldBeChecked) {\n        checkbox.setAttribute(\"aria-checked\", shouldBeChecked);\n      }\n    }\n  });\n}"]}

package/dist/src/chunk-MNMWQWXH.js

@@ -0,0 +1,117 @@
+// src/utils/handleKeyPress/handleKeyPress.ts
+function isTextInput(el) {
+  if (el.tagName !== "INPUT") return false;
+  const type = el.type;
+  return ["text", "email", "password", "tel", "number"].includes(type);
+}
+function isTextArea(el) {
+  return el.tagName === "TEXTAREA";
+}
+function isNativeButton(el) {
+  return el.tagName === "BUTTON" || el.tagName === "INPUT" && ["button", "submit", "reset"].includes(el.type);
+}
+function isLink(el) {
+  return el.tagName === "A";
+}
+function moveFocus(elementItems, currentIndex, direction) {
+  const len = elementItems.length;
+  const nextIndex = (currentIndex + direction + len) % len;
+  elementItems.item(nextIndex).focus();
+}
+function isClickableButNotSemantic(el) {
+  return el.getAttribute("data-custom-click") !== null && el.getAttribute("data-custom-click") !== void 0;
+}
+function handleMenuEscapeKeyPress(menuElement, menuTriggerButton) {
+  menuElement.style.display = "none";
+  const menuTriggerButtonId = menuTriggerButton.getAttribute("id");
+  if (!menuTriggerButtonId) {
+    console.error("[aria-ease] Menu trigger button must have an id attribute to properly set aria attributes.");
+    return;
+  }
+  menuTriggerButton.setAttribute("aria-expanded", "false");
+}
+function hasSubmenu(menuItem) {
+  return menuItem.getAttribute("aria-haspopup") === "true" || menuItem.getAttribute("aria-haspopup") === "menu";
+}
+function getSubmenuId(menuItem) {
+  return menuItem.getAttribute("aria-controls");
+}
+function handleKeyPress(event, elementItems, elementItemIndex, menuElementDiv, triggerButton, openSubmenu, closeSubmenu) {
+  const currentEl = elementItems.item(elementItemIndex);
+  switch (event.key) {
+    case "ArrowUp":
+    case "ArrowLeft": {
+      if (event.key === "ArrowLeft" && menuElementDiv && closeSubmenu) {
+        const labelledBy = menuElementDiv.getAttribute("aria-labelledby");
+        if (labelledBy) {
+          const parentTrigger = document.getElementById(labelledBy);
+          if (parentTrigger && parentTrigger.getAttribute("role") === "menuitem") {
+            event.preventDefault();
+            closeSubmenu();
+            parentTrigger.focus();
+            return;
+          }
+        }
+      }
+      if (!isTextInput(currentEl) && !isTextArea(currentEl)) {
+        event.preventDefault();
+        moveFocus(elementItems, elementItemIndex, -1);
+      } else if (isTextInput(currentEl) || isTextArea(currentEl)) {
+        const cursorStart = currentEl.selectionStart;
+        if (cursorStart === 0) {
+          event.preventDefault();
+          moveFocus(elementItems, elementItemIndex, -1);
+        }
+      }
+      break;
+    }
+    case "ArrowDown":
+    case "ArrowRight": {
+      if (event.key === "ArrowRight" && hasSubmenu(currentEl) && openSubmenu) {
+        event.preventDefault();
+        const submenuId = getSubmenuId(currentEl);
+        if (submenuId) {
+          openSubmenu(submenuId);
+          return;
+        }
+      }
+      if (!isTextInput(currentEl) && !isTextArea(currentEl)) {
+        event.preventDefault();
+        moveFocus(elementItems, elementItemIndex, 1);
+      } else if (isTextInput(currentEl) || isTextArea(currentEl)) {
+        const value = currentEl.value;
+        const cursorEnd = currentEl.selectionStart;
+        if (cursorEnd === value.length) {
+          event.preventDefault();
+          moveFocus(elementItems, elementItemIndex, 1);
+        }
+      }
+      break;
+    }
+    case "Escape": {
+      event.preventDefault();
+      if (menuElementDiv && triggerButton) {
+        if (getComputedStyle(menuElementDiv).display === "block") {
+          handleMenuEscapeKeyPress(menuElementDiv, triggerButton);
+        }
+        triggerButton.focus();
+      }
+      break;
+    }
+    case "Enter":
+    case " ": {
+      if (!isNativeButton(currentEl) && !isLink(currentEl) && isClickableButNotSemantic(currentEl)) {
+        event.preventDefault();
+        currentEl.click();
+      } else if (isNativeButton(currentEl)) {
+        event.preventDefault();
+        currentEl.click();
+      }
+      break;
+    }
+  }
+}
+
+export { handleKeyPress };
+//# sourceMappingURL=chunk-MNMWQWXH.js.map
+//# sourceMappingURL=chunk-MNMWQWXH.js.map

package/dist/src/chunk-MNMWQWXH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/handleKeyPress/handleKeyPress.ts"],"names":[],"mappings":";AAGA,SAAS,YAAY,EAAA,EAA0B;AAC3C,EAAA,IAAI,EAAA,CAAG,OAAA,KAAY,OAAA,EAAS,OAAO,KAAA;AACnC,EAAA,MAAM,OAAQ,EAAA,CAAwB,IAAA;AACtC,EAAA,OAAO,CAAC,QAAQ,OAAA,EAAS,UAAA,EAAY,OAAO,QAAQ,CAAA,CAAE,SAAS,IAAI,CAAA;AACvE;AAEA,SAAS,WAAW,EAAA,EAA0B;AAC1C,EAAA,OAAO,GAAG,OAAA,KAAY,UAAA;AAC1B;AAEO,SAAS,eAAe,EAAA,EAA0B;AACrD,EAAA,OAAO,EAAA,CAAG,OAAA,KAAY,QAAA,IAAa,EAAA,CAAG,OAAA,KAAY,OAAA,IAAW,CAAC,QAAA,EAAU,QAAA,EAAU,OAAO,CAAA,CAAE,QAAA,CAAU,GAAwB,IAAI,CAAA;AACrI;AAEO,SAAS,OAAO,EAAA,EAA0B;AAC7C,EAAA,OAAO,GAAG,OAAA,KAAY,GAAA;AAC1B;AAEA,SAAS,SAAA,CAAU,YAAA,EAAqC,YAAA,EAAsB,SAAA,EAAmB;AAC7F,EAAA,MAAM,MAAM,YAAA,CAAa,MAAA;AACzB,EAAA,MAAM,SAAA,GAAA,CAAa,YAAA,GAAe,SAAA,GAAY,GAAA,IAAO,GAAA;AACrD,EAAA,YAAA,CAAa,IAAA,CAAK,SAAS,CAAA,CAAE,KAAA,EAAM;AACvC;AAEA,SAAS,0BAA0B,EAAA,EAA0B;AACzD,EAAA,OAAO,EAAA,CAAG,aAAa,mBAAmB,CAAA,KAAM,QAAQ,EAAA,CAAG,YAAA,CAAa,mBAAmB,CAAA,KAAM,MAAA;AACrG;AAEA,SAAS,wBAAA,CAAyB,aAA0B,iBAAA,EAAgC;AACxF,EAAA,WAAA,CAAY,MAAM,OAAA,GAAU,MAAA;AAC5B,EAAA,MAAM,mBAAA,GAAsB,iBAAA,CAAkB,YAAA,CAAa,IAAI,CAAA;AAC/D,EAAA,IAAI,CAAC,mBAAA,EAAqB;AACtB,IAAA,OAAA,CAAQ,MAAM,4FAA4F,CAAA;AAC1G,IAAA;AAAA,EACJ;AACA,EAAA,iBAAA,CAAkB,YAAA,CAAa,iBAAiB,OAAO,CAAA;AAC3D;AAEA,SAAS,WAAW,QAAA,EAAgC;AAChD,EAAA,OAAO,QAAA,CAAS,aAAa,eAAe,CAAA,KAAM,UAAU,QAAA,CAAS,YAAA,CAAa,eAAe,CAAA,KAAM,MAAA;AAC3G;AAEA,SAAS,aAAa,QAAA,EAAsC;AACxD,EAAA,OAAO,QAAA,CAAS,aAAa,eAAe,CAAA;AAChD;AAGO,SAAS,eACZ,KAAA,EACA,YAAA,EACA,kBACA,cAAA,EACA,aAAA,EACA,aACA,YAAA,EACI;AACJ,EAAA,MAAM,SAAA,GAAY,YAAA,CAAa,IAAA,CAAK,gBAAgB,CAAA;AACpD,EAAA,QAAQ,MAAM,GAAA;AAAK,IACf,KAAK,SAAA;AAAA,IACL,KAAK,WAAA,EAAa;AACd,MAAA,IAAG,KAAA,CAAM,GAAA,KAAQ,WAAA,IAAe,cAAA,IAAkB,YAAA,EAAc;AAC5D,QAAA,MAAM,UAAA,GAAa,cAAA,CAAe,YAAA,CAAa,iBAAiB,CAAA;AAChE,QAAA,IAAI,UAAA,EAAY;AACZ,UAAA,MAAM,aAAA,GAAgB,QAAA,CAAS,cAAA,CAAe,UAAU,CAAA;AACxD,UAAA,IAAI,aAAA,IAAiB,aAAA,CAAc,YAAA,CAAa,MAAM,MAAM,UAAA,EAAY;AACpE,YAAA,KAAA,CAAM,cAAA,EAAe;AACrB,YAAA,YAAA,EAAa;AACb,YAAA,aAAA,CAAc,KAAA,EAAM;AACpB,YAAA;AAAA,UACJ;AAAA,QACJ;AAAA,MACJ;AAEA,MAAA,IAAI,CAAC,WAAA,CAAY,SAAS,KAAK,CAAC,UAAA,CAAW,SAAS,CAAA,EAAG;AACnD,QAAA,KAAA,CAAM,cAAA,EAAe;AACrB,QAAA,SAAA,CAAU,YAAA,EAAc,kBAAkB,EAAE,CAAA;AAAA,MAChD,WAAW,WAAA,CAAY,SAAS,CAAA,IAAK,UAAA,CAAW,SAAS,CAAA,EAAG;AACxD,QAAA,MAAM,cAAe,SAAA,CAAqD,cAAA;AAC1E,QAAA,IAAI,gBAAgB,CAAA,EAAG;AACnB,UAAA,KAAA,CAAM,cAAA,EAAe;AACrB,UAAA,SAAA,CAAU,YAAA,EAAc,kBAAkB,EAAE,CAAA;AAAA,QAChD;AAAA,MACJ;AACA,MAAA;AAAA,IACJ;AAAA,IACA,KAAK,WAAA;AAAA,IACL,KAAK,YAAA,EAAc;AACf,MAAA,IAAG,MAAM,GAAA,KAAQ,YAAA,IAAgB,UAAA,CAAW,SAAS,KAAK,WAAA,EAAa;AACnE,QAAA,KAAA,CAAM,cAAA,EAAe;AACrB,QAAA,MAAM,SAAA,GAAY,aAAa,SAAS,CAAA;AACxC,QAAA,IAAI,SAAA,EAAW;AACX,UAAA,WAAA,CAAY,SAAS,CAAA;AACrB,UAAA;AAAA,QACJ;AAAA,MACJ;AAEA,MAAA,IAAI,CAAC,WAAA,CAAY,SAAS,KAAK,CAAC,UAAA,CAAW,SAAS,CAAA,EAAG;AACnD,QAAA,KAAA,CAAM,cAAA,EAAe;AACrB,QAAA,SAAA,CAAU,YAAA,EAAc,kBAAkB,CAAC,CAAA;AAAA,MAC/C,WAAW,WAAA,CAAY,SAAS,CAAA,IAAK,UAAA,CAAW,SAAS,CAAA,EAAG;AACxD,QAAA,MAAM,QAAS,SAAA,CAAqD,KAAA;AACpE,QAAA,MAAM,YAAa,SAAA,CAAqD,cAAA;AACxE,QAAA,IAAI,SAAA,KAAc,MAAM,MAAA,EAAQ;AAC5B,UAAA,KAAA,CAAM,cAAA,EAAe;AACrB,UAAA,SAAA,CAAU,YAAA,EAAc,kBAAkB,CAAC,CAAA;AAAA,QAC/C;AAAA,MACJ;AACA,MAAA;AAAA,IACJ;AAAA,IACA,KAAK,QAAA,EAAU;AACX,MAAA,KAAA,CAAM,cAAA,EAAe;AACrB,MAAA,IAAI,kBAAkB,aAAA,EAAe;AACjC,QAAA,IAAI,gBAAA,CAAiB,cAAc,CAAA,CAAE,OAAA,KAAY,OAAA,EAAS;AACtD,UAAA,wBAAA,CAAyB,gBAAgB,aAAa,CAAA;AAAA,QAC1D;AACA,QAAA,aAAA,CAAc,KAAA,EAAM;AAAA,MACxB;AACA,MAAA;AAAA,IACJ;AAAA,IACA,KAAK,OAAA;AAAA,IACL,KAAK,GAAA,EAAK;AACN,MAAA,IAAI,CAAC,cAAA,CAAe,SAAS,CAAA,IAAK,CAAC,OAAO,SAAS,CAAA,IAAK,yBAAA,CAA0B,SAAS,CAAA,EAAG;AAC1F,QAAA,KAAA,CAAM,cAAA,EAAe;AACrB,QAAA,SAAA,CAAU,KAAA,EAAM;AAAA,MACpB,CAAA,MAAA,IAAW,cAAA,CAAe,SAAS,CAAA,EAAG;AAClC,QAAA,KAAA,CAAM,cAAA,EAAe;AACrB,QAAA,SAAA,CAAU,KAAA,EAAM;AAAA,MACpB;AACA,MAAA;AAAA,IACJ;AAEI;AAEZ","file":"chunk-MNMWQWXH.js","sourcesContent":["import { NodeListOfHTMLElement } from \"../../../Types\";\n\n\nfunction isTextInput(el: HTMLElement): boolean {\n    if (el.tagName !== \"INPUT\") return false;\n    const type = (el as HTMLInputElement).type;\n    return [\"text\", \"email\", \"password\", \"tel\", \"number\"].includes(type);\n}\n\nfunction isTextArea(el: HTMLElement): boolean {\n    return el.tagName === \"TEXTAREA\";\n}\n\nexport function isNativeButton(el: HTMLElement): boolean {\n    return el.tagName === \"BUTTON\" || (el.tagName === \"INPUT\" && [\"button\", \"submit\", \"reset\"].includes((el as HTMLInputElement).type));\n}\n\nexport function isLink(el: HTMLElement): boolean {\n    return el.tagName === \"A\";\n}\n\nfunction moveFocus(elementItems: NodeListOfHTMLElement, currentIndex: number, direction: -1 | 1) {\n    const len = elementItems.length;\n    const nextIndex = (currentIndex + direction + len) % len;\n    elementItems.item(nextIndex).focus();\n}\n\nfunction isClickableButNotSemantic(el: HTMLElement): boolean {\n    return el.getAttribute(\"data-custom-click\") !== null && el.getAttribute(\"data-custom-click\") !== undefined;\n}\n\nfunction handleMenuEscapeKeyPress(menuElement: HTMLElement, menuTriggerButton: HTMLElement) {\n    menuElement.style.display = \"none\";\n    const menuTriggerButtonId = menuTriggerButton.getAttribute(\"id\");\n    if (!menuTriggerButtonId) {\n        console.error(\"[aria-ease] Menu trigger button must have an id attribute to properly set aria attributes.\");\n        return;\n    }\n    menuTriggerButton.setAttribute(\"aria-expanded\", \"false\");\n}\n\nfunction hasSubmenu(menuItem: HTMLElement): boolean {\n    return menuItem.getAttribute(\"aria-haspopup\") === \"true\" || menuItem.getAttribute(\"aria-haspopup\") === \"menu\";\n}\n\nfunction getSubmenuId(menuItem: HTMLElement): string | null {\n    return menuItem.getAttribute(\"aria-controls\");\n}\n\n\nexport function handleKeyPress(\n    event: KeyboardEvent,\n    elementItems: NodeListOfHTMLElement,\n    elementItemIndex: number,\n    menuElementDiv?: HTMLElement,\n    triggerButton?: HTMLElement,\n    openSubmenu?: (submenuId: string) => void,\n    closeSubmenu?: () => void\n): void {\n    const currentEl = elementItems.item(elementItemIndex);\n    switch (event.key) {\n        case \"ArrowUp\":\n        case \"ArrowLeft\": {\n            if(event.key === \"ArrowLeft\" && menuElementDiv && closeSubmenu) {\n                const labelledBy = menuElementDiv.getAttribute(\"aria-labelledby\");\n                if (labelledBy) {\n                    const parentTrigger = document.getElementById(labelledBy);\n                    if (parentTrigger && parentTrigger.getAttribute(\"role\") === \"menuitem\") {\n                        event.preventDefault();\n                        closeSubmenu();\n                        parentTrigger.focus();\n                        return;\n                    }\n                }\n            }\n\n            if (!isTextInput(currentEl) && !isTextArea(currentEl)) {\n                event.preventDefault();\n                moveFocus(elementItems, elementItemIndex, -1);\n            } else if (isTextInput(currentEl) || isTextArea(currentEl)) {\n                const cursorStart = (currentEl as HTMLInputElement | HTMLTextAreaElement).selectionStart;\n                if (cursorStart === 0) {\n                    event.preventDefault();\n                    moveFocus(elementItems, elementItemIndex, -1);\n                }\n            }\n            break;\n        }\n        case \"ArrowDown\":\n        case \"ArrowRight\": {\n            if(event.key === \"ArrowRight\" && hasSubmenu(currentEl) && openSubmenu) {\n                event.preventDefault();\n                const submenuId = getSubmenuId(currentEl);\n                if (submenuId) {\n                    openSubmenu(submenuId);\n                    return;\n                }\n            }\n            \n            if (!isTextInput(currentEl) && !isTextArea(currentEl)) {\n                event.preventDefault();\n                moveFocus(elementItems, elementItemIndex, 1);\n            } else if (isTextInput(currentEl) || isTextArea(currentEl)) {\n                const value = (currentEl as HTMLInputElement | HTMLTextAreaElement).value;\n                const cursorEnd = (currentEl as HTMLInputElement | HTMLTextAreaElement).selectionStart;\n                if (cursorEnd === value.length) {\n                    event.preventDefault();\n                    moveFocus(elementItems, elementItemIndex, 1);\n                }\n            }\n            break;\n        }\n        case \"Escape\": {\n            event.preventDefault();\n            if (menuElementDiv && triggerButton) {\n                if (getComputedStyle(menuElementDiv).display === \"block\") {\n                    handleMenuEscapeKeyPress(menuElementDiv, triggerButton);\n                }\n                triggerButton.focus();\n            }\n            break;\n        }\n        case \"Enter\":\n        case \" \": {\n            if (!isNativeButton(currentEl) && !isLink(currentEl) && isClickableButNotSemantic(currentEl)) { \n                event.preventDefault();\n                currentEl.click();\n            } else if (isNativeButton(currentEl)) {\n                event.preventDefault();\n                currentEl.click();\n            }\n            break;\n        }\n        default:\n            break;\n    }\n}"]}

package/dist/src/menu/index.cjs

@@ -1,155 +1,233 @@
 'use strict';
+
 // src/utils/handleKeyPress/handleKeyPress.ts
 function isTextInput(el) {
-    if (el.tagName !== "INPUT") return false;
-    var type = el.type;
-    return [
-        "text",
-        "email",
-        "password",
-        "tel",
-        "number"
-    ].includes(type);
+  if (el.tagName !== "INPUT") return false;
+  const type = el.type;
+  return ["text", "email", "password", "tel", "number"].includes(type);
 }
 function isTextArea(el) {
-    return el.tagName === "TEXTAREA";
+  return el.tagName === "TEXTAREA";
 }
 function isNativeButton(el) {
-    return el.tagName === "BUTTON" || el.tagName === "INPUT" && [
-        "button",
-        "submit",
-        "reset"
-    ].includes(el.type);
+  return el.tagName === "BUTTON" || el.tagName === "INPUT" && ["button", "submit", "reset"].includes(el.type);
 }
 function isLink(el) {
-    return el.tagName === "A";
+  return el.tagName === "A";
 }
 function moveFocus(elementItems, currentIndex, direction) {
-    var len = elementItems.length;
-    var nextIndex = (currentIndex + direction + len) % len;
-    elementItems.item(nextIndex).focus();
+  const len = elementItems.length;
+  const nextIndex = (currentIndex + direction + len) % len;
+  elementItems.item(nextIndex).focus();
 }
 function isClickableButNotSemantic(el) {
-    return el.getAttribute("data-custom-click") !== null || el.getAttribute("data-custom-click") !== void 0;
+  return el.getAttribute("data-custom-click") !== null && el.getAttribute("data-custom-click") !== void 0;
 }
 function handleMenuEscapeKeyPress(menuElement, menuTriggerButton) {
-    menuElement.style.display = "none";
-    var menuTriggerButtonId = menuTriggerButton.getAttribute("id");
-    if (!menuTriggerButtonId) {
-        throw new Error("Menu trigger button does not have id attribute");
-    }
-    menuTriggerButton.setAttribute("aria-expanded", "false");
+  menuElement.style.display = "none";
+  const menuTriggerButtonId = menuTriggerButton.getAttribute("id");
+  if (!menuTriggerButtonId) {
+    console.error("[aria-ease] Menu trigger button must have an id attribute to properly set aria attributes.");
+    return;
+  }
+  menuTriggerButton.setAttribute("aria-expanded", "false");
 }
-function handleKeyPress(event, elementItems, elementItemIndex, menuElementDiv, triggerButton) {
-    var currentEl = elementItems.item(elementItemIndex);
-    switch(event.key){
-        case "ArrowUp":
-        case "ArrowLeft":
-            {
-                if (!isTextInput(currentEl) && !isTextArea(currentEl)) {
-                    event.preventDefault();
-                    moveFocus(elementItems, elementItemIndex, -1);
-                } else if (isTextInput(currentEl) || isTextArea(currentEl)) {
-                    var cursorStart = currentEl.selectionStart;
-                    if (cursorStart === 0) {
-                        event.preventDefault();
-                        moveFocus(elementItems, elementItemIndex, -1);
-                    }
-                }
-                break;
-            }
-        case "ArrowDown":
-        case "ArrowRight":
-            {
-                if (!isTextInput(currentEl) && !isTextArea(currentEl)) {
-                    event.preventDefault();
-                    moveFocus(elementItems, elementItemIndex, 1);
-                } else if (isTextInput(currentEl) || isTextArea(currentEl)) {
-                    var value = currentEl.value;
-                    var cursorEnd = currentEl.selectionStart;
-                    if (cursorEnd === value.length) {
-                        event.preventDefault();
-                        moveFocus(elementItems, elementItemIndex, 1);
-                    }
-                }
-                break;
-            }
-        case "Escape":
-            {
-                event.preventDefault();
-                if (menuElementDiv && triggerButton) {
-                    if (getComputedStyle(menuElementDiv).display === "block") {
-                        handleMenuEscapeKeyPress(menuElementDiv, triggerButton);
-                    }
-                    triggerButton.focus();
-                }
-                break;
-            }
-        case "Enter":
-        case " ":
-            {
-                if (!isNativeButton(currentEl) && !isLink(currentEl) && isClickableButNotSemantic(currentEl)) {
-                    event.preventDefault();
-                    currentEl.click();
-                }
-                break;
-            }
-    }
+function hasSubmenu(menuItem) {
+  return menuItem.getAttribute("aria-haspopup") === "true" || menuItem.getAttribute("aria-haspopup") === "menu";
 }
-// src/menu/src/makeMenuAccessible/makeMenuAccessible.ts
-function makeMenuAccessible(param) {
-    var menuId = param.menuId, menuElementsClass = param.menuElementsClass, triggerId = param.triggerId;
-    var menuDiv = document.querySelector("#".concat(menuId));
-    if (!menuDiv) throw new Error("Invalid menu div id provided");
-    var triggerButton = document.querySelector("#".concat(triggerId));
-    if (!triggerButton) throw new Error("Invalid trigger button id provided");
-    var handlerMap = /* @__PURE__ */ new Map();
-    function setAria(isOpen) {
-        triggerButton.setAttribute("aria-expanded", isOpen ? "true" : "false");
+function getSubmenuId(menuItem) {
+  return menuItem.getAttribute("aria-controls");
+}
+function handleKeyPress(event, elementItems, elementItemIndex, menuElementDiv, triggerButton, openSubmenu, closeSubmenu) {
+  const currentEl = elementItems.item(elementItemIndex);
+  switch (event.key) {
+    case "ArrowUp":
+    case "ArrowLeft": {
+      if (event.key === "ArrowLeft" && menuElementDiv && closeSubmenu) {
+        const labelledBy = menuElementDiv.getAttribute("aria-labelledby");
+        if (labelledBy) {
+          const parentTrigger = document.getElementById(labelledBy);
+          if (parentTrigger && parentTrigger.getAttribute("role") === "menuitem") {
+            event.preventDefault();
+            closeSubmenu();
+            parentTrigger.focus();
+            return;
+          }
+        }
+      }
+      if (!isTextInput(currentEl) && !isTextArea(currentEl)) {
+        event.preventDefault();
+        moveFocus(elementItems, elementItemIndex, -1);
+      } else if (isTextInput(currentEl) || isTextArea(currentEl)) {
+        const cursorStart = currentEl.selectionStart;
+        if (cursorStart === 0) {
+          event.preventDefault();
+          moveFocus(elementItems, elementItemIndex, -1);
+        }
+      }
+      break;
     }
-    function addListeners() {
-        var menuItems = menuDiv.querySelectorAll(".".concat(menuElementsClass));
-        menuItems.forEach(function(menuItem, index) {
-            if (!handlerMap.has(menuItem)) {
-                var handler = function(event) {
-                    return handleKeyPress(event, menuItems, index, menuDiv, triggerButton);
-                };
-                menuItem.addEventListener("keydown", handler);
-                handlerMap.set(menuItem, handler);
-            }
-        });
+    case "ArrowDown":
+    case "ArrowRight": {
+      if (event.key === "ArrowRight" && hasSubmenu(currentEl) && openSubmenu) {
+        event.preventDefault();
+        const submenuId = getSubmenuId(currentEl);
+        if (submenuId) {
+          openSubmenu(submenuId);
+          return;
+        }
+      }
+      if (!isTextInput(currentEl) && !isTextArea(currentEl)) {
+        event.preventDefault();
+        moveFocus(elementItems, elementItemIndex, 1);
+      } else if (isTextInput(currentEl) || isTextArea(currentEl)) {
+        const value = currentEl.value;
+        const cursorEnd = currentEl.selectionStart;
+        if (cursorEnd === value.length) {
+          event.preventDefault();
+          moveFocus(elementItems, elementItemIndex, 1);
+        }
+      }
+      break;
     }
-    function removeListeners() {
-        var menuItems = menuDiv.querySelectorAll(".".concat(menuElementsClass));
-        menuItems.forEach(function(menuItem) {
-            var handler = handlerMap.get(menuItem);
-            if (handler) {
-                menuItem.removeEventListener("keydown", handler);
-                handlerMap.delete(menuItem);
-            }
-        });
+    case "Escape": {
+      event.preventDefault();
+      if (menuElementDiv && triggerButton) {
+        if (getComputedStyle(menuElementDiv).display === "block") {
+          handleMenuEscapeKeyPress(menuElementDiv, triggerButton);
+        }
+        triggerButton.focus();
+      }
+      break;
     }
-    function openMenu() {
-        menuDiv.style.display = "block";
-        setAria(true);
-        addListeners();
-        var menuItems = menuDiv.querySelectorAll(".".concat(menuElementsClass));
-        if (menuItems.length > 0) menuItems[0].focus();
+    case "Enter":
+    case " ": {
+      if (!isNativeButton(currentEl) && !isLink(currentEl) && isClickableButNotSemantic(currentEl)) {
+        event.preventDefault();
+        currentEl.click();
+      } else if (isNativeButton(currentEl)) {
+        event.preventDefault();
+        currentEl.click();
+      }
+      break;
     }
-    function closeMenu() {
-        removeListeners();
-        menuDiv.style.display = "none";
-        setAria(false);
-        triggerButton.focus();
+  }
+}
+
+// src/menu/src/makeMenuAccessible/makeMenuAccessible.ts
+function makeMenuAccessible({ menuId, menuItemsClass, triggerId }) {
+  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: () => {
+    } };
+  }
+  const handlerMap = /* @__PURE__ */ new Map();
+  const submenuInstances = /* @__PURE__ */ new Map();
+  let cachedItems = null;
+  function getItems() {
+    if (!cachedItems) {
+      cachedItems = menuDiv.querySelectorAll(`:scope > .${menuItemsClass}`);
     }
-    function cleanup() {
-        removeListeners();
+    return cachedItems;
+  }
+  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
+      });
+      submenuInstances.set(submenuId, submenuInstance);
     }
-    return {
-        openMenu: openMenu,
-        closeMenu: closeMenu,
-        cleanup: cleanup
-    };
+    submenuInstance.openMenu();
+  }
+  function closeSubmenu() {
+    closeMenu();
+  }
+  function addListeners() {
+    const menuItems = getItems();
+    menuItems.forEach((menuItem, index) => {
+      if (!handlerMap.has(menuItem)) {
+        const handler = (event) => handleKeyPress(
+          event,
+          menuItems,
+          index,
+          menuDiv,
+          triggerButton,
+          openSubmenu,
+          closeSubmenu
+        );
+        menuItem.addEventListener("keydown", handler);
+        handlerMap.set(menuItem, handler);
+      }
+    });
+  }
+  function removeListeners() {
+    const menuItems = getItems();
+    menuItems.forEach((menuItem) => {
+      const handler = handlerMap.get(menuItem);
+      if (handler) {
+        menuItem.removeEventListener("keydown", handler);
+        handlerMap.delete(menuItem);
+      }
+    });
+  }
+  function openMenu() {
+    menuDiv.style.display = "block";
+    setAria(true);
+    addListeners();
+    const menuItems = getItems();
+    if (menuItems.length > 0) menuItems[0].focus();
+  }
+  function closeMenu() {
+    removeListeners();
+    menuDiv.style.display = "none";
+    setAria(false);
+    triggerButton.focus();
+  }
+  function cleanup() {
+    removeListeners();
+    menuDiv.style.display = "none";
+    setAria(false);
+    submenuInstances.forEach((instance) => instance.cleanup());
+    submenuInstances.clear();
+  }
+  function refresh() {
+    cachedItems = null;
+  }
+  return { openMenu, closeMenu, cleanup, refresh };
 }
-exports.makeMenuAccessible = makeMenuAccessible; //# sourceMappingURL=index.cjs.map
+
+exports.makeMenuAccessible = makeMenuAccessible;
+//# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/src/menu/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/Users/macx/aria-ease/package/dist/src/menu/index.cjs","../../../src/utils/handleKeyPress/handleKeyPress.ts"],"names":[],"mappings":"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","sourcesContent":["'use strict';\n\n// src/utils/handleKeyPress/handleKeyPress.ts\nfunction isTextInput(el) {\n  if (el.tagName !== \"INPUT\") return false;\n  const type = el.type;\n  return [\"text\", \"email\", \"password\", \"tel\", \"number\"].includes(type);\n}\nfunction isTextArea(el) {\n  return el.tagName === \"TEXTAREA\";\n}\nfunction isNativeButton(el) {\n  return el.tagName === \"BUTTON\" || el.tagName === \"INPUT\" && [\"button\", \"submit\", \"reset\"].includes(el.type);\n}\nfunction isLink(el) {\n  return el.tagName === \"A\";\n}\nfunction moveFocus(elementItems, currentIndex, direction) {\n  const len = elementItems.length;\n  const nextIndex = (currentIndex + direction + len) % len;\n  elementItems.item(nextIndex).focus();\n}\nfunction isClickableButNotSemantic(el) {\n  return el.getAttribute(\"data-custom-click\") !== null || el.getAttribute(\"data-custom-click\") !== void 0;\n}\nfunction handleMenuEscapeKeyPress(menuElement, menuTriggerButton) {\n  menuElement.style.display = \"none\";\n  const menuTriggerButtonId = menuTriggerButton.getAttribute(\"id\");\n  if (!menuTriggerButtonId) {\n    throw new Error(\"Menu trigger button does not have id attribute\");\n  }\n  menuTriggerButton.setAttribute(\"aria-expanded\", \"false\");\n}\nfunction handleKeyPress(event, elementItems, elementItemIndex, menuElementDiv, triggerButton) {\n  const currentEl = elementItems.item(elementItemIndex);\n  switch (event.key) {\n    case \"ArrowUp\":\n    case \"ArrowLeft\": {\n      if (!isTextInput(currentEl) && !isTextArea(currentEl)) {\n        event.preventDefault();\n        moveFocus(elementItems, elementItemIndex, -1);\n      } else if (isTextInput(currentEl) || isTextArea(currentEl)) {\n        const cursorStart = currentEl.selectionStart;\n        if (cursorStart === 0) {\n          event.preventDefault();\n          moveFocus(elementItems, elementItemIndex, -1);\n        }\n      }\n      break;\n    }\n    case \"ArrowDown\":\n    case \"ArrowRight\": {\n      if (!isTextInput(currentEl) && !isTextArea(currentEl)) {\n        event.preventDefault();\n        moveFocus(elementItems, elementItemIndex, 1);\n      } else if (isTextInput(currentEl) || isTextArea(currentEl)) {\n        const value = currentEl.value;\n        const cursorEnd = currentEl.selectionStart;\n        if (cursorEnd === value.length) {\n          event.preventDefault();\n          moveFocus(elementItems, elementItemIndex, 1);\n        }\n      }\n      break;\n    }\n    case \"Escape\": {\n      event.preventDefault();\n      if (menuElementDiv && triggerButton) {\n        if (getComputedStyle(menuElementDiv).display === \"block\") {\n          handleMenuEscapeKeyPress(menuElementDiv, triggerButton);\n        }\n        triggerButton.focus();\n      }\n      break;\n    }\n    case \"Enter\":\n    case \" \": {\n      if (!isNativeButton(currentEl) && !isLink(currentEl) && isClickableButNotSemantic(currentEl)) {\n        event.preventDefault();\n        currentEl.click();\n      }\n      break;\n    }\n  }\n}\n\n// src/menu/src/makeMenuAccessible/makeMenuAccessible.ts\nfunction makeMenuAccessible({ menuId, menuElementsClass, triggerId }) {\n  const menuDiv = document.querySelector(`#${menuId}`);\n  if (!menuDiv) throw new Error(\"Invalid menu div id provided\");\n  const triggerButton = document.querySelector(`#${triggerId}`);\n  if (!triggerButton) throw new Error(\"Invalid trigger button id provided\");\n  const handlerMap = /* @__PURE__ */ new Map();\n  function setAria(isOpen) {\n    triggerButton.setAttribute(\"aria-expanded\", isOpen ? \"true\" : \"false\");\n  }\n  function addListeners() {\n    const menuItems = menuDiv.querySelectorAll(`.${menuElementsClass}`);\n    menuItems.forEach((menuItem, index) => {\n      if (!handlerMap.has(menuItem)) {\n        const handler = (event) => handleKeyPress(event, menuItems, index, menuDiv, triggerButton);\n        menuItem.addEventListener(\"keydown\", handler);\n        handlerMap.set(menuItem, handler);\n      }\n    });\n  }\n  function removeListeners() {\n    const menuItems = menuDiv.querySelectorAll(`.${menuElementsClass}`);\n    menuItems.forEach((menuItem) => {\n      const handler = handlerMap.get(menuItem);\n      if (handler) {\n        menuItem.removeEventListener(\"keydown\", handler);\n        handlerMap.delete(menuItem);\n      }\n    });\n  }\n  function openMenu() {\n    menuDiv.style.display = \"block\";\n    setAria(true);\n    addListeners();\n    const menuItems = menuDiv.querySelectorAll(`.${menuElementsClass}`);\n    if (menuItems.length > 0) menuItems[0].focus();\n  }\n  function closeMenu() {\n    removeListeners();\n    menuDiv.style.display = \"none\";\n    setAria(false);\n    triggerButton.focus();\n  }\n  function cleanup() {\n    removeListeners();\n  }\n  return { openMenu, closeMenu, cleanup };\n}\n\nexports.makeMenuAccessible = makeMenuAccessible;\n//# sourceMappingURL=index.cjs.map\n","import { NodeListOfHTMLElement, HTMLElement } from \"../../../Types\";\n\n\nfunction isTextInput(el: HTMLElement): boolean {\n    if (el.tagName !== 'INPUT') return false;\n    const type = (el as HTMLInputElement).type;\n    return ['text', 'email', 'password', 'tel', 'number'].includes(type);\n}\n\nfunction isTextArea(el: HTMLElement): boolean {\n    return el.tagName === 'TEXTAREA';\n}\n\nexport function isNativeButton(el: HTMLElement): boolean {\n    return el.tagName === 'BUTTON' || (el.tagName === 'INPUT' && ['button', 'submit', 'reset'].includes((el as HTMLInputElement).type));\n}\n\nexport function isLink(el: HTMLElement): boolean {\n    return el.tagName === 'A';\n}\n\nfunction moveFocus(elementItems: NodeListOfHTMLElement, currentIndex: number, direction: -1 | 1) {\n    const len = elementItems.length;\n    const nextIndex = (currentIndex + direction + len) % len;\n    elementItems.item(nextIndex).focus();\n}\n\nfunction isClickableButNotSemantic(el: HTMLElement): boolean {\n    return el.getAttribute(\"data-custom-click\") !== null || el.getAttribute(\"data-custom-click\") !== undefined;\n}\n\nfunction handleMenuEscapeKeyPress(menuElement: HTMLElement, menuTriggerButton: HTMLElement) {\n    menuElement.style.display = 'none';\n    const menuTriggerButtonId = menuTriggerButton.getAttribute('id');\n    if (!menuTriggerButtonId) {\n        throw new Error(\"Menu trigger button does not have id attribute\");\n    }\n    menuTriggerButton.setAttribute(\"aria-expanded\", \"false\");\n}\n\nexport function handleKeyPress(\n    event: KeyboardEvent,\n    elementItems: NodeListOfHTMLElement,\n    elementItemIndex: number,\n    menuElementDiv?: HTMLElement,\n    triggerButton?: HTMLElement\n): void {\n    const currentEl = elementItems.item(elementItemIndex);\n    switch (event.key) {\n        case 'ArrowUp':\n        case 'ArrowLeft': {\n            if (!isTextInput(currentEl) && !isTextArea(currentEl)) {\n                event.preventDefault();\n                moveFocus(elementItems, elementItemIndex, -1);\n            } else if (isTextInput(currentEl) || isTextArea(currentEl)) {\n                const cursorStart = (currentEl as HTMLInputElement | HTMLTextAreaElement).selectionStart;\n                if (cursorStart === 0) {\n                    event.preventDefault();\n                    moveFocus(elementItems, elementItemIndex, -1);\n                }\n            }\n            break;\n        }\n        case 'ArrowDown':\n        case 'ArrowRight': {\n            if (!isTextInput(currentEl) && !isTextArea(currentEl)) {\n                event.preventDefault();\n                moveFocus(elementItems, elementItemIndex, 1);\n            } else if (isTextInput(currentEl) || isTextArea(currentEl)) {\n                const value = (currentEl as HTMLInputElement | HTMLTextAreaElement).value;\n                const cursorEnd = (currentEl as HTMLInputElement | HTMLTextAreaElement).selectionStart;\n                if (cursorEnd === value.length) {\n                    event.preventDefault();\n                    moveFocus(elementItems, elementItemIndex, 1);\n                }\n            }\n            break;\n        }\n        case 'Escape': {\n            event.preventDefault();\n            if (menuElementDiv && triggerButton) {\n                if (getComputedStyle(menuElementDiv).display === 'block') {\n                    handleMenuEscapeKeyPress(menuElementDiv, triggerButton);\n                }\n                triggerButton.focus();\n            }\n            break;\n        }\n        case 'Enter':\n        case ' ': {\n            if (!isNativeButton(currentEl) && !isLink(currentEl) && isClickableButNotSemantic(currentEl)) {\n                event.preventDefault();\n                currentEl.click();\n            }\n            break;\n        }\n        default:\n            break;\n    }\n}"]}
+{"version":3,"sources":["../../../src/utils/handleKeyPress/handleKeyPress.ts","../../../src/menu/src/makeMenuAccessible/makeMenuAccessible.ts"],"names":[],"mappings":"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","file":"index.cjs","sourcesContent":["import { NodeListOfHTMLElement } from \"../../../Types\";\n\n\nfunction isTextInput(el: HTMLElement): boolean {\n    if (el.tagName !== \"INPUT\") return false;\n    const type = (el as HTMLInputElement).type;\n    return [\"text\", \"email\", \"password\", \"tel\", \"number\"].includes(type);\n}\n\nfunction isTextArea(el: HTMLElement): boolean {\n    return el.tagName === \"TEXTAREA\";\n}\n\nexport function isNativeButton(el: HTMLElement): boolean {\n    return el.tagName === \"BUTTON\" || (el.tagName === \"INPUT\" && [\"button\", \"submit\", \"reset\"].includes((el as HTMLInputElement).type));\n}\n\nexport function isLink(el: HTMLElement): boolean {\n    return el.tagName === \"A\";\n}\n\nfunction moveFocus(elementItems: NodeListOfHTMLElement, currentIndex: number, direction: -1 | 1) {\n    const len = elementItems.length;\n    const nextIndex = (currentIndex + direction + len) % len;\n    elementItems.item(nextIndex).focus();\n}\n\nfunction isClickableButNotSemantic(el: HTMLElement): boolean {\n    return el.getAttribute(\"data-custom-click\") !== null && el.getAttribute(\"data-custom-click\") !== undefined;\n}\n\nfunction handleMenuEscapeKeyPress(menuElement: HTMLElement, menuTriggerButton: HTMLElement) {\n    menuElement.style.display = \"none\";\n    const menuTriggerButtonId = menuTriggerButton.getAttribute(\"id\");\n    if (!menuTriggerButtonId) {\n        console.error(\"[aria-ease] Menu trigger button must have an id attribute to properly set aria attributes.\");\n        return;\n    }\n    menuTriggerButton.setAttribute(\"aria-expanded\", \"false\");\n}\n\nfunction hasSubmenu(menuItem: HTMLElement): boolean {\n    return menuItem.getAttribute(\"aria-haspopup\") === \"true\" || menuItem.getAttribute(\"aria-haspopup\") === \"menu\";\n}\n\nfunction getSubmenuId(menuItem: HTMLElement): string | null {\n    return menuItem.getAttribute(\"aria-controls\");\n}\n\n\nexport function handleKeyPress(\n    event: KeyboardEvent,\n    elementItems: NodeListOfHTMLElement,\n    elementItemIndex: number,\n    menuElementDiv?: HTMLElement,\n    triggerButton?: HTMLElement,\n    openSubmenu?: (submenuId: string) => void,\n    closeSubmenu?: () => void\n): void {\n    const currentEl = elementItems.item(elementItemIndex);\n    switch (event.key) {\n        case \"ArrowUp\":\n        case \"ArrowLeft\": {\n            if(event.key === \"ArrowLeft\" && menuElementDiv && closeSubmenu) {\n                const labelledBy = menuElementDiv.getAttribute(\"aria-labelledby\");\n                if (labelledBy) {\n                    const parentTrigger = document.getElementById(labelledBy);\n                    if (parentTrigger && parentTrigger.getAttribute(\"role\") === \"menuitem\") {\n                        event.preventDefault();\n                        closeSubmenu();\n                        parentTrigger.focus();\n                        return;\n                    }\n                }\n            }\n\n            if (!isTextInput(currentEl) && !isTextArea(currentEl)) {\n                event.preventDefault();\n                moveFocus(elementItems, elementItemIndex, -1);\n            } else if (isTextInput(currentEl) || isTextArea(currentEl)) {\n                const cursorStart = (currentEl as HTMLInputElement | HTMLTextAreaElement).selectionStart;\n                if (cursorStart === 0) {\n                    event.preventDefault();\n                    moveFocus(elementItems, elementItemIndex, -1);\n                }\n            }\n            break;\n        }\n        case \"ArrowDown\":\n        case \"ArrowRight\": {\n            if(event.key === \"ArrowRight\" && hasSubmenu(currentEl) && openSubmenu) {\n                event.preventDefault();\n                const submenuId = getSubmenuId(currentEl);\n                if (submenuId) {\n                    openSubmenu(submenuId);\n                    return;\n                }\n            }\n            \n            if (!isTextInput(currentEl) && !isTextArea(currentEl)) {\n                event.preventDefault();\n                moveFocus(elementItems, elementItemIndex, 1);\n            } else if (isTextInput(currentEl) || isTextArea(currentEl)) {\n                const value = (currentEl as HTMLInputElement | HTMLTextAreaElement).value;\n                const cursorEnd = (currentEl as HTMLInputElement | HTMLTextAreaElement).selectionStart;\n                if (cursorEnd === value.length) {\n                    event.preventDefault();\n                    moveFocus(elementItems, elementItemIndex, 1);\n                }\n            }\n            break;\n        }\n        case \"Escape\": {\n            event.preventDefault();\n            if (menuElementDiv && triggerButton) {\n                if (getComputedStyle(menuElementDiv).display === \"block\") {\n                    handleMenuEscapeKeyPress(menuElementDiv, triggerButton);\n                }\n                triggerButton.focus();\n            }\n            break;\n        }\n        case \"Enter\":\n        case \" \": {\n            if (!isNativeButton(currentEl) && !isLink(currentEl) && isClickableButNotSemantic(currentEl)) { \n                event.preventDefault();\n                currentEl.click();\n            } else if (isNativeButton(currentEl)) {\n                event.preventDefault();\n                currentEl.click();\n            }\n            break;\n        }\n        default:\n            break;\n    }\n}","/**\n  * Adds keyboard interaction to toggle menu. The menu traps focus and can be interacted with using the keyboard. The first interactive item of the menu has focus when menu open.\n  * @param {string} menuId - The id of the menu.\n  * @param {string} menuItemsClass - The class of the items that are children of the menu.\n  * @param {string} triggerId - The id of the button that triggers the menu.\n*/\n\nimport { handleKeyPress } from \"../../../utils/handleKeyPress/handleKeyPress\";\nimport { NodeListOfHTMLElement } from \"Types\";\n\n\nexport function makeMenuAccessible({ menuId, menuItemsClass, triggerId }: {menuId: string; menuItemsClass: string; triggerId: string;}) {\n  const menuDiv = document.querySelector(`#${menuId}`) as HTMLElement;\n  if (!menuDiv) {\n    console.error(`[aria-ease] Element with id=\"${menuId}\" not found. Make sure the menu element exists before calling makeMenuAccessible.`);\n    return { openMenu: () => {}, closeMenu: () => {}, cleanup: () => {} };\n  }\n\n  const triggerButton = document.querySelector(`#${triggerId}`) as HTMLElement;\n  if (!triggerButton) {\n    console.error(`[aria-ease] Element with id=\"${triggerId}\" not found. Make sure the trigger button element exists before calling makeMenuAccessible.`);\n    return { openMenu: () => {}, closeMenu: () => {}, cleanup: () => {} };\n  }\n\n\n  const handlerMap = new Map<HTMLElement, (event: KeyboardEvent) => void>();\n  const submenuInstances = new Map<string, ReturnType<typeof makeMenuAccessible>>();\n\n  let cachedItems: NodeListOfHTMLElement | null = null;\n  function getItems() {\n    if (!cachedItems) {\n      cachedItems = menuDiv.querySelectorAll(`:scope > .${menuItemsClass}`) as NodeListOfHTMLElement;\n    }\n    return cachedItems;\n  }\n\n  function setAria(isOpen: boolean) {\n    triggerButton.setAttribute(\"aria-expanded\", isOpen ? \"true\" : \"false\");\n  }\n\n  function openSubmenu(submenuId: string) {\n    let submenuInstance = submenuInstances.get(submenuId);\n    if (!submenuInstance) {\n      const submenuTrigger = menuDiv.querySelector(`[aria-controls=\"${submenuId}\"]`) as HTMLElement;\n      if (!submenuTrigger) {\n        console.error(`[aria-ease] Submenu trigger with aria-controls=\"${submenuId}\" not found in menu \"${menuId}\".`);\n        return;\n      }\n\n      // Ensure the trigger has an ID for proper ARIA references\n      if (!submenuTrigger.id) {\n        const generatedId = `trigger-${submenuId}`;\n        submenuTrigger.id = generatedId;\n        console.warn(`[aria-ease] Submenu trigger for \"${submenuId}\" had no ID. Auto-generated ID: \"${generatedId}\".`);\n      }\n\n      // Verify the submenu element exists before creating instance\n      const submenuElement = document.querySelector(`#${submenuId}`);\n      if (!submenuElement) {\n        console.error(`[aria-ease] Submenu element with id=\"${submenuId}\" not found. Cannot create submenu instance.`);\n        return;\n      }\n\n      submenuInstance = makeMenuAccessible({\n        menuId: submenuId,\n        menuItemsClass: menuItemsClass,\n        triggerId: submenuTrigger.id\n      });\n      submenuInstances.set(submenuId, submenuInstance);\n    }\n    \n    submenuInstance.openMenu();\n  }\n\n  function closeSubmenu() {\n    closeMenu();\n  }\n\n  function addListeners() {\n    const menuItems = getItems();\n    menuItems.forEach((menuItem: HTMLElement, index: number) => {\n      if (!handlerMap.has(menuItem)) {\n        const handler = (event: KeyboardEvent) => handleKeyPress(\n          event, \n          menuItems, \n          index, \n          menuDiv, \n          triggerButton,\n          openSubmenu,\n          closeSubmenu\n        );\n        menuItem.addEventListener(\"keydown\", handler);\n        handlerMap.set(menuItem, handler);\n      } \n    });\n  }\n\n  function removeListeners() {\n    const menuItems = getItems();\n    menuItems.forEach((menuItem: HTMLElement) => {\n      const handler = handlerMap.get(menuItem);\n      if (handler) {\n        menuItem.removeEventListener(\"keydown\", handler);\n        handlerMap.delete(menuItem);\n      }\n    });\n  }\n\n  function openMenu() {\n    menuDiv.style.display = \"block\";\n    setAria(true);\n    addListeners();\n  \n    const menuItems = getItems();\n    if (menuItems.length > 0) menuItems[0].focus();\n  }\n\n  function closeMenu() {\n    removeListeners();\n    menuDiv.style.display = \"none\";\n    setAria(false);\n    triggerButton.focus();\n  }\n\n  function cleanup() {\n    removeListeners();\n    \n    // Close menu and reset ARIA attributes\n    menuDiv.style.display = \"none\";\n    setAria(false);\n    \n    submenuInstances.forEach(instance => instance.cleanup());\n    submenuInstances.clear();\n  }\n\n  function refresh() {\n    cachedItems = null;\n  }\n\n  return { openMenu, closeMenu, cleanup, refresh };\n}"]}