aria-ease 2.2.3 → 2.4.0

package/dist/{Types.d-p85gN5m_.d.cts → src/Types.d-BbztRe-S.d.cts}

@@ -1,8 +1,3 @@
-declare global {
-  type HTMLElement = Element;
-  type NodeListOf<HTMLElement> = Iterable<HTMLElement>;
-}
-
 interface AccordionStates {
     display: boolean;
 }

package/dist/{Types.d-p85gN5m_.d.ts → src/Types.d-BbztRe-S.d.ts}

@@ -1,8 +1,3 @@
-declare global {
-  type HTMLElement = Element;
-  type NodeListOf<HTMLElement> = Iterable<HTMLElement>;
-}
-
 interface AccordionStates {
     display: boolean;
 }

package/dist/src/accordion/index.cjs

@@ -1,25 +1,31 @@
 'use strict';
+
 // src/accordion/src/updateAccordionTriggerAriaAttributes/updateAccordionTriggerAriaAttributes.ts
 function updateAccordionTriggerAriaAttributes(accordionId, accordionTriggersClass, accordionStates, clickedTriggerIndex) {
-    var accordionDiv = document.querySelector("#".concat(accordionId));
-    if (!accordionDiv) {
-        throw new Error("Invalid accordion main div id provided.");
+  const accordionDiv = document.querySelector(`#${accordionId}`);
+  if (!accordionDiv) {
+    console.error(`[aria-ease] Element with id="${accordionId}" not found. Make sure the accordion element exists before calling updateAccordionTriggerAriaAttributes.`);
+    return;
+  }
+  const accordionItems = Array.from(accordionDiv.querySelectorAll(`.${accordionTriggersClass}`));
+  if (accordionItems.length === 0) {
+    console.error(`[aria-ease] Element with class="${accordionTriggersClass}" not found. Make sure the accordion items exist before calling updateAccordionTriggerAriaAttributes.`);
+    return;
+  }
+  if (accordionItems.length !== accordionStates.length) {
+    console.error(`[aria-ease] Accordion state/DOM length mismatch: found ${accordionItems.length} triggers, but got ${accordionStates.length} state objects.'`);
+    return;
+  }
+  accordionItems.forEach((accordionItem, index) => {
+    const state = accordionStates[index];
+    const expanded = accordionItem.getAttribute("aria-expanded");
+    const shouldBeExpanded = index === clickedTriggerIndex ? state.display ? "true" : "false" : "false";
+    if (expanded && expanded !== shouldBeExpanded) {
+      accordionItem.setAttribute("aria-expanded", shouldBeExpanded);
     }
-    var accordionItems = Array.from(accordionDiv.querySelectorAll(".".concat(accordionTriggersClass)));
-    if (accordionItems.length === 0) {
-        throw new Error("Invalid accordion items shared class provided.");
-    }
-    if (accordionItems.length !== accordionStates.length) {
-        throw new Error("Accordion state/DOM length mismatch: found ".concat(accordionItems.length, " triggers, but got ").concat(accordionStates.length, " state objects."));
-    }
-    accordionItems.forEach(function(accordionItem, index) {
-        var state = accordionStates[index];
-        var expanded = accordionItem.getAttribute("aria-expanded");
-        var shouldBeExpanded = index === clickedTriggerIndex ? state.display ? "true" : "false" : "false";
-        if (expanded && expanded !== shouldBeExpanded) {
-            accordionItem.setAttribute("aria-expanded", shouldBeExpanded);
-        }
-    });
+  });
 }
-exports.updateAccordionTriggerAriaAttributes = updateAccordionTriggerAriaAttributes; //# sourceMappingURL=index.cjs.map
+
+exports.updateAccordionTriggerAriaAttributes = updateAccordionTriggerAriaAttributes;
+//# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"sources":["/Users/macx/aria-ease/package/dist/src/accordion/index.cjs"],"names":[],"mappings":"AAAA","sourcesContent":["'use strict';\n\n// src/accordion/src/updateAccordionTriggerAriaAttributes/updateAccordionTriggerAriaAttributes.ts\nfunction updateAccordionTriggerAriaAttributes(accordionId, accordionTriggersClass, accordionStates, clickedTriggerIndex) {\n  const accordionDiv = document.querySelector(`#${accordionId}`);\n  if (!accordionDiv) {\n    throw new Error(\"Invalid accordion main div id provided.\");\n  }\n  const accordionItems = Array.from(accordionDiv.querySelectorAll(`.${accordionTriggersClass}`));\n  if (accordionItems.length === 0) {\n    throw new Error(\"Invalid accordion items shared class provided.\");\n  }\n  if (accordionItems.length !== accordionStates.length) {\n    throw new Error(`Accordion state/DOM length mismatch: found ${accordionItems.length} triggers, but got ${accordionStates.length} state objects.`);\n  }\n  accordionItems.forEach((accordionItem, index) => {\n    const state = accordionStates[index];\n    const expanded = accordionItem.getAttribute(\"aria-expanded\");\n    const shouldBeExpanded = index === clickedTriggerIndex ? state.display ? \"true\" : \"false\" : \"false\";\n    if (expanded && expanded !== shouldBeExpanded) {\n      accordionItem.setAttribute(\"aria-expanded\", shouldBeExpanded);\n    }\n  });\n}\n\nexports.updateAccordionTriggerAriaAttributes = updateAccordionTriggerAriaAttributes;\n//# sourceMappingURL=index.cjs.map\n"]}
+{"version":3,"sources":["../../../src/accordion/src/updateAccordionTriggerAriaAttributes/updateAccordionTriggerAriaAttributes.ts"],"names":[],"mappings":";;;AAUO,SAAS,oCAAA,CAAqC,WAAA,EAAqB,sBAAA,EAAgC,eAAA,EAAoC,mBAAA,EAAmC;AAC7K,EAAA,MAAM,YAAA,GAAmC,QAAA,CAAS,aAAA,CAAc,CAAA,CAAA,EAAI,WAAW,CAAA,CAAE,CAAA;AACjF,EAAA,IAAI,CAAC,YAAA,EAAc;AACf,IAAA,OAAA,CAAQ,KAAA,CAAM,CAAA,6BAAA,EAAgC,WAAW,CAAA,wGAAA,CAA0G,CAAA;AACnK,IAAA;AAAA,EACJ;AAEA,EAAA,MAAM,cAAA,GAAgC,MAAM,IAAA,CAAK,YAAA,CAAa,iBAAiB,CAAA,CAAA,EAAI,sBAAsB,EAAE,CAAC,CAAA;AAC5G,EAAA,IAAI,cAAA,CAAe,WAAW,CAAA,EAAG;AAC7B,IAAA,OAAA,CAAQ,KAAA,CAAM,CAAA,gCAAA,EAAmC,sBAAsB,CAAA,qGAAA,CAAuG,CAAA;AAC9K,IAAA;AAAA,EACJ;AAEA,EAAA,IAAI,cAAA,CAAe,MAAA,KAAW,eAAA,CAAgB,MAAA,EAAQ;AAClD,IAAA,OAAA,CAAQ,MAAM,CAAA,uDAAA,EAA0D,cAAA,CAAe,MAAM,CAAA,mBAAA,EAAsB,eAAA,CAAgB,MAAM,CAAA,gBAAA,CAAkB,CAAA;AAC3J,IAAA;AAAA,EACJ;AAEA,EAAA,cAAA,CAAe,OAAA,CAAQ,CAAC,aAAA,EAA4B,KAAA,KAAkB;AAClE,IAAA,MAAM,KAAA,GAAQ,gBAAgB,KAAK,CAAA;AACnC,IAAA,MAAM,QAAA,GAAW,aAAA,CAAc,YAAA,CAAa,eAAe,CAAA;AAC3D,IAAA,MAAM,mBAAmB,KAAA,KAAU,mBAAA,GAAuB,KAAA,CAAM,OAAA,GAAU,SAAS,OAAA,GAAW,OAAA;AAC9F,IAAA,IAAI,QAAA,IAAY,aAAa,gBAAA,EAAkB;AAC3C,MAAA,aAAA,CAAc,YAAA,CAAa,iBAAiB,gBAAgB,CAAA;AAAA,IAChE;AAAA,EACJ,CAAC,CAAA;AACL","file":"index.cjs","sourcesContent":["/**\n * Adds screen reader accessibility to accordions. Updates the aria attributes of the accordion trigger button. Trigger button element must possess the following aria attributes; aria-expanded, aria-controls, aria-label (for only non-text triggers).\n * @param {string} accordionId The id of the accordion triggers parent container.\n * @param {string} accordionTriggersClass The shared class of all the accordion triggers.\n * @param {AccordionStates[]} accordionStates Array of objects containing accordions state information.\n * @param {number} clickedTriggerIndex Index of the currently clicked accordion trigger within the accordion div container.\n*/\n\nimport { AccordionStates } from \"../../../../Types\";\n\nexport function updateAccordionTriggerAriaAttributes(accordionId: string, accordionTriggersClass: string, accordionStates: AccordionStates[], clickedTriggerIndex: number): void {\n    const accordionDiv: HTMLElement | null = document.querySelector(`#${accordionId}`);\n    if (!accordionDiv) {\n        console.error(`[aria-ease] Element with id=\"${accordionId}\" not found. Make sure the accordion element exists before calling updateAccordionTriggerAriaAttributes.`);  \n        return;\n    }\n\n    const accordionItems: HTMLElement[] = Array.from(accordionDiv.querySelectorAll(`.${accordionTriggersClass}`));\n    if (accordionItems.length === 0) {\n        console.error(`[aria-ease] Element with class=\"${accordionTriggersClass}\" not found. Make sure the accordion items exist before calling updateAccordionTriggerAriaAttributes.`);\n        return;\n    }\n\n    if (accordionItems.length !== accordionStates.length) {\n        console.error(`[aria-ease] Accordion state/DOM length mismatch: found ${accordionItems.length} triggers, but got ${accordionStates.length} state objects.'`);\n        return;\n    }\n\n    accordionItems.forEach((accordionItem: HTMLElement, index: number) => {\n        const state = accordionStates[index];\n        const expanded = accordionItem.getAttribute(\"aria-expanded\");\n        const shouldBeExpanded = index === clickedTriggerIndex ? (state.display ? \"true\" : \"false\") : \"false\";\n        if (expanded && expanded !== shouldBeExpanded) {\n            accordionItem.setAttribute(\"aria-expanded\", shouldBeExpanded);\n        }\n    });\n}"]}

package/dist/src/accordion/index.d.cts

@@ -1,4 +1,4 @@
-import { A as AccordionStates } from '../../Types.d-p85gN5m_.cjs';
+import { A as AccordionStates } from '../Types.d-BbztRe-S.cjs';
 
 /**
  * Adds screen reader accessibility to accordions. Updates the aria attributes of the accordion trigger button. Trigger button element must possess the following aria attributes; aria-expanded, aria-controls, aria-label (for only non-text triggers).

package/dist/src/accordion/index.d.ts

@@ -1,4 +1,4 @@
-import { A as AccordionStates } from '../../Types.d-p85gN5m_.js';
+import { A as AccordionStates } from '../Types.d-BbztRe-S.js';
 
 /**
  * Adds screen reader accessibility to accordions. Updates the aria attributes of the accordion trigger button. Trigger button element must possess the following aria attributes; aria-expanded, aria-controls, aria-label (for only non-text triggers).

package/dist/src/accordion/index.js

@@ -1,2 +1,29 @@
-export { updateAccordionTriggerAriaAttributes } from '../../chunk-MEA5U2G4.js'; //# sourceMappingURL=index.js.map
+// src/accordion/src/updateAccordionTriggerAriaAttributes/updateAccordionTriggerAriaAttributes.ts
+function updateAccordionTriggerAriaAttributes(accordionId, accordionTriggersClass, accordionStates, clickedTriggerIndex) {
+  const accordionDiv = document.querySelector(`#${accordionId}`);
+  if (!accordionDiv) {
+    console.error(`[aria-ease] Element with id="${accordionId}" not found. Make sure the accordion element exists before calling updateAccordionTriggerAriaAttributes.`);
+    return;
+  }
+  const accordionItems = Array.from(accordionDiv.querySelectorAll(`.${accordionTriggersClass}`));
+  if (accordionItems.length === 0) {
+    console.error(`[aria-ease] Element with class="${accordionTriggersClass}" not found. Make sure the accordion items exist before calling updateAccordionTriggerAriaAttributes.`);
+    return;
+  }
+  if (accordionItems.length !== accordionStates.length) {
+    console.error(`[aria-ease] Accordion state/DOM length mismatch: found ${accordionItems.length} triggers, but got ${accordionStates.length} state objects.'`);
+    return;
+  }
+  accordionItems.forEach((accordionItem, index) => {
+    const state = accordionStates[index];
+    const expanded = accordionItem.getAttribute("aria-expanded");
+    const shouldBeExpanded = index === clickedTriggerIndex ? state.display ? "true" : "false" : "false";
+    if (expanded && expanded !== shouldBeExpanded) {
+      accordionItem.setAttribute("aria-expanded", shouldBeExpanded);
+    }
+  });
+}
+
+export { updateAccordionTriggerAriaAttributes };
+//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["/Users/macx/aria-ease/package/dist/src/accordion/index.js"],"names":["updateAccordionTriggerAriaAttributes"],"mappings":"AAAA,SAASA,oCAAoC,QAAQ,0BAA0B,CAC/E,iCAAiC","sourcesContent":["export { updateAccordionTriggerAriaAttributes } from '../../chunk-MEA5U2G4.js';\n//# sourceMappingURL=index.js.map\n"]}
+{"version":3,"sources":["../../../src/accordion/src/updateAccordionTriggerAriaAttributes/updateAccordionTriggerAriaAttributes.ts"],"names":[],"mappings":";AAUO,SAAS,oCAAA,CAAqC,WAAA,EAAqB,sBAAA,EAAgC,eAAA,EAAoC,mBAAA,EAAmC;AAC7K,EAAA,MAAM,YAAA,GAAmC,QAAA,CAAS,aAAA,CAAc,CAAA,CAAA,EAAI,WAAW,CAAA,CAAE,CAAA;AACjF,EAAA,IAAI,CAAC,YAAA,EAAc;AACf,IAAA,OAAA,CAAQ,KAAA,CAAM,CAAA,6BAAA,EAAgC,WAAW,CAAA,wGAAA,CAA0G,CAAA;AACnK,IAAA;AAAA,EACJ;AAEA,EAAA,MAAM,cAAA,GAAgC,MAAM,IAAA,CAAK,YAAA,CAAa,iBAAiB,CAAA,CAAA,EAAI,sBAAsB,EAAE,CAAC,CAAA;AAC5G,EAAA,IAAI,cAAA,CAAe,WAAW,CAAA,EAAG;AAC7B,IAAA,OAAA,CAAQ,KAAA,CAAM,CAAA,gCAAA,EAAmC,sBAAsB,CAAA,qGAAA,CAAuG,CAAA;AAC9K,IAAA;AAAA,EACJ;AAEA,EAAA,IAAI,cAAA,CAAe,MAAA,KAAW,eAAA,CAAgB,MAAA,EAAQ;AAClD,IAAA,OAAA,CAAQ,MAAM,CAAA,uDAAA,EAA0D,cAAA,CAAe,MAAM,CAAA,mBAAA,EAAsB,eAAA,CAAgB,MAAM,CAAA,gBAAA,CAAkB,CAAA;AAC3J,IAAA;AAAA,EACJ;AAEA,EAAA,cAAA,CAAe,OAAA,CAAQ,CAAC,aAAA,EAA4B,KAAA,KAAkB;AAClE,IAAA,MAAM,KAAA,GAAQ,gBAAgB,KAAK,CAAA;AACnC,IAAA,MAAM,QAAA,GAAW,aAAA,CAAc,YAAA,CAAa,eAAe,CAAA;AAC3D,IAAA,MAAM,mBAAmB,KAAA,KAAU,mBAAA,GAAuB,KAAA,CAAM,OAAA,GAAU,SAAS,OAAA,GAAW,OAAA;AAC9F,IAAA,IAAI,QAAA,IAAY,aAAa,gBAAA,EAAkB;AAC3C,MAAA,aAAA,CAAc,YAAA,CAAa,iBAAiB,gBAAgB,CAAA;AAAA,IAChE;AAAA,EACJ,CAAC,CAAA;AACL","file":"index.js","sourcesContent":["/**\n * Adds screen reader accessibility to accordions. Updates the aria attributes of the accordion trigger button. Trigger button element must possess the following aria attributes; aria-expanded, aria-controls, aria-label (for only non-text triggers).\n * @param {string} accordionId The id of the accordion triggers parent container.\n * @param {string} accordionTriggersClass The shared class of all the accordion triggers.\n * @param {AccordionStates[]} accordionStates Array of objects containing accordions state information.\n * @param {number} clickedTriggerIndex Index of the currently clicked accordion trigger within the accordion div container.\n*/\n\nimport { AccordionStates } from \"../../../../Types\";\n\nexport function updateAccordionTriggerAriaAttributes(accordionId: string, accordionTriggersClass: string, accordionStates: AccordionStates[], clickedTriggerIndex: number): void {\n    const accordionDiv: HTMLElement | null = document.querySelector(`#${accordionId}`);\n    if (!accordionDiv) {\n        console.error(`[aria-ease] Element with id=\"${accordionId}\" not found. Make sure the accordion element exists before calling updateAccordionTriggerAriaAttributes.`);  \n        return;\n    }\n\n    const accordionItems: HTMLElement[] = Array.from(accordionDiv.querySelectorAll(`.${accordionTriggersClass}`));\n    if (accordionItems.length === 0) {\n        console.error(`[aria-ease] Element with class=\"${accordionTriggersClass}\" not found. Make sure the accordion items exist before calling updateAccordionTriggerAriaAttributes.`);\n        return;\n    }\n\n    if (accordionItems.length !== accordionStates.length) {\n        console.error(`[aria-ease] Accordion state/DOM length mismatch: found ${accordionItems.length} triggers, but got ${accordionStates.length} state objects.'`);\n        return;\n    }\n\n    accordionItems.forEach((accordionItem: HTMLElement, index: number) => {\n        const state = accordionStates[index];\n        const expanded = accordionItem.getAttribute(\"aria-expanded\");\n        const shouldBeExpanded = index === clickedTriggerIndex ? (state.display ? \"true\" : \"false\") : \"false\";\n        if (expanded && expanded !== shouldBeExpanded) {\n            accordionItem.setAttribute(\"aria-expanded\", shouldBeExpanded);\n        }\n    });\n}"]}

package/dist/src/block/index.cjs

@@ -1,121 +1,121 @@
 '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 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();
-                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";
+}
+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) ;
+      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) ;
+      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();
+      break;
+    }
+    case "Enter":
+    case " ": {
+      if (!isNativeButton(currentEl) && !isLink(currentEl) && isClickableButNotSemantic(currentEl)) {
+        event.preventDefault();
+        currentEl.click();
+      } else if (isNativeButton(currentEl)) {
+        event.preventDefault();
+        currentEl.click();
+      }
+      break;
+    }
+  }
 }
+
 // src/block/src/makeBlockAccessible/makeBlockAccessible.ts
 var eventListenersMap = /* @__PURE__ */ new Map();
-function makeBlockAccessible(blockId, blockElementsClass) {
-    var blockDiv = document.querySelector("#".concat(blockId));
-    if (!blockDiv) {
-        throw new Error("Invalid block main div id provided.");
+function makeBlockAccessible(blockId, blockItemsClass) {
+  const blockDiv = document.querySelector(`#${blockId}`);
+  if (!blockDiv) {
+    console.error(`[aria-ease] Element with id="${blockId}" not found. Make sure the block element exists before calling makeBlockAccessible.`);
+    return { cleanup: () => {
+    } };
+  }
+  const blockItems = blockDiv.querySelectorAll(`.${blockItemsClass}`);
+  if (!blockItems || blockItems.length === 0) {
+    console.error(`[aria-ease] Element with class="${blockItemsClass}" not found. Make sure the block items exist before calling makeBlockAccessible.`);
+    return { cleanup: () => {
+    } };
+  }
+  blockItems.forEach((blockItem) => {
+    if (!eventListenersMap.has(blockItem)) {
+      const handler = (event) => {
+        const items = blockDiv.querySelectorAll(`.${blockItemsClass}`);
+        const index = Array.prototype.indexOf.call(items, blockItem);
+        handleKeyPress(event, items, index);
+      };
+      blockItem.addEventListener("keydown", handler);
+      eventListenersMap.set(blockItem, handler);
     }
-    var blockItems = blockDiv.querySelectorAll(".".concat(blockElementsClass));
-    if (!blockItems) {
-        throw new Error("Invalid block items shared class provided.");
-    }
-    blockItems.forEach(function(blockItem) {
-        if (!eventListenersMap.has(blockItem)) {
-            blockItem.addEventListener("keydown", function(event) {
-                var items = blockDiv.querySelectorAll(".".concat(blockElementsClass));
-                var index = Array.prototype.indexOf.call(items, blockItem);
-                handleKeyPress(event, items, index);
-                var handler = function(event2) {
-                    return handleKeyPress(event2, items, index);
-                };
-                eventListenersMap.set(blockItem, handler);
-            });
-        }
+  });
+  function cleanup() {
+    blockItems.forEach((blockItem) => {
+      const handler = eventListenersMap.get(blockItem);
+      if (handler) {
+        blockItem.removeEventListener("keydown", handler);
+        eventListenersMap.delete(blockItem);
+      }
     });
-    return function cleanUpBlockEventListeners() {
-        blockItems.forEach(function(blockItem, blockItemIndex) {
-            if (eventListenersMap.has(blockItem)) {
-                blockItem.removeEventListener("keydown", function(event) {
-                    return handleKeyPress(event, blockItems, blockItemIndex);
-                });
-                eventListenersMap.delete(blockItem);
-            }
-        });
-    };
+  }
+  return { cleanup };
 }
-exports.makeBlockAccessible = makeBlockAccessible; //# sourceMappingURL=index.cjs.map
+
+exports.makeBlockAccessible = makeBlockAccessible;
+//# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"sources":["/Users/macx/aria-ease/package/dist/src/block/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 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      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/block/src/makeBlockAccessible/makeBlockAccessible.ts\nvar eventListenersMap = /* @__PURE__ */ new Map();\nfunction makeBlockAccessible(blockId, blockElementsClass) {\n  const blockDiv = document.querySelector(`#${blockId}`);\n  if (!blockDiv) {\n    throw new Error(\"Invalid block main div id provided.\");\n  }\n  const blockItems = blockDiv.querySelectorAll(`.${blockElementsClass}`);\n  if (!blockItems) {\n    throw new Error(\"Invalid block items shared class provided.\");\n  }\n  blockItems.forEach((blockItem) => {\n    if (!eventListenersMap.has(blockItem)) {\n      blockItem.addEventListener(\"keydown\", (event) => {\n        const items = blockDiv.querySelectorAll(`.${blockElementsClass}`);\n        const index = Array.prototype.indexOf.call(items, blockItem);\n        handleKeyPress(event, items, index);\n        const handler = (event2) => handleKeyPress(event2, items, index);\n        eventListenersMap.set(blockItem, handler);\n      });\n    }\n  });\n  return function cleanUpBlockEventListeners() {\n    blockItems.forEach((blockItem, blockItemIndex) => {\n      if (eventListenersMap.has(blockItem)) {\n        blockItem.removeEventListener(\"keydown\", (event) => handleKeyPress(event, blockItems, blockItemIndex));\n        eventListenersMap.delete(blockItem);\n      }\n    });\n  };\n}\n\nexports.makeBlockAccessible = makeBlockAccessible;\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/block/src/makeBlockAccessible/makeBlockAccessible.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 block. The block traps focus and can be interacted with using the keyboard.\n * @param {string} blockId The id of the block container.\n * @param {string} blockItemsClass The shared class of the elements that are children of the block.\n*/\n\nimport { NodeListOfHTMLElement } from \"../../../../Types\"\nimport { handleKeyPress } from \"../../../utils/handleKeyPress/handleKeyPress\";\n\nconst eventListenersMap = new Map<HTMLElement, (event: KeyboardEvent) => void>();\n\nexport function makeBlockAccessible(blockId: string, blockItemsClass: string) {\n  const blockDiv: HTMLElement = document.querySelector(`#${blockId}`) as HTMLElement\n  if(!blockDiv) {\n    console.error(`[aria-ease] Element with id=\"${blockId}\" not found. Make sure the block element exists before calling makeBlockAccessible.`);\n    return { cleanup: () => {} };\n  }\n\n  const blockItems: NodeListOfHTMLElement = blockDiv.querySelectorAll(`.${blockItemsClass}`);\n  if(!blockItems || blockItems.length === 0) {\n    console.error(`[aria-ease] Element with class=\"${blockItemsClass}\" not found. Make sure the block items exist before calling makeBlockAccessible.`);\n    return { cleanup: () => {} };\n  }\n\n  blockItems.forEach((blockItem: HTMLElement): void => {\n    if (!eventListenersMap.has(blockItem)) {\n      const handler = (event: KeyboardEvent) => {\n        const items = blockDiv.querySelectorAll(`.${blockItemsClass}`) as NodeListOf<HTMLElement>;\n        const index = Array.prototype.indexOf.call(items, blockItem);\n        handleKeyPress(event, items, index);\n      };\n      blockItem.addEventListener(\"keydown\", handler);\n      eventListenersMap.set(blockItem, handler);\n    }\n  });\n\n  function cleanup(): void {\n    blockItems.forEach((blockItem: HTMLElement): void => {\n      const handler = eventListenersMap.get(blockItem);\n      if (handler) {\n        blockItem.removeEventListener(\"keydown\", handler);\n        eventListenersMap.delete(blockItem);\n      }\n    });\n  };\n\n  return { cleanup }\n}"]}

package/dist/src/block/index.d.cts

@@ -1,8 +1,10 @@
 /**
  * Adds keyboard interaction to block. The block traps focus and can be interacted with using the keyboard.
  * @param {string} blockId The id of the block container.
- * @param {string} blockElementsClass The shared class of the elements that are children of the block.
+ * @param {string} blockItemsClass The shared class of the elements that are children of the block.
 */
-declare function makeBlockAccessible(blockId: string, blockElementsClass: string): () => void;
+declare function makeBlockAccessible(blockId: string, blockItemsClass: string): {
+    cleanup: () => void;
+};
 
 export { makeBlockAccessible };

package/dist/src/block/index.d.ts

@@ -1,8 +1,10 @@
 /**
  * Adds keyboard interaction to block. The block traps focus and can be interacted with using the keyboard.
  * @param {string} blockId The id of the block container.
- * @param {string} blockElementsClass The shared class of the elements that are children of the block.
+ * @param {string} blockItemsClass The shared class of the elements that are children of the block.
 */
-declare function makeBlockAccessible(blockId: string, blockElementsClass: string): () => void;
+declare function makeBlockAccessible(blockId: string, blockItemsClass: string): {
+    cleanup: () => void;
+};
 
 export { makeBlockAccessible };

package/dist/src/block/index.js

@@ -1,3 +1,43 @@
-export { makeBlockAccessible } from '../../chunk-4366LRNM.js';
-import '../../chunk-RT5IROW4.js'; //# sourceMappingURL=index.js.map
+import { handleKeyPress } from '../chunk-MNMWQWXH.js';
+
+// src/block/src/makeBlockAccessible/makeBlockAccessible.ts
+var eventListenersMap = /* @__PURE__ */ new Map();
+function makeBlockAccessible(blockId, blockItemsClass) {
+  const blockDiv = document.querySelector(`#${blockId}`);
+  if (!blockDiv) {
+    console.error(`[aria-ease] Element with id="${blockId}" not found. Make sure the block element exists before calling makeBlockAccessible.`);
+    return { cleanup: () => {
+    } };
+  }
+  const blockItems = blockDiv.querySelectorAll(`.${blockItemsClass}`);
+  if (!blockItems || blockItems.length === 0) {
+    console.error(`[aria-ease] Element with class="${blockItemsClass}" not found. Make sure the block items exist before calling makeBlockAccessible.`);
+    return { cleanup: () => {
+    } };
+  }
+  blockItems.forEach((blockItem) => {
+    if (!eventListenersMap.has(blockItem)) {
+      const handler = (event) => {
+        const items = blockDiv.querySelectorAll(`.${blockItemsClass}`);
+        const index = Array.prototype.indexOf.call(items, blockItem);
+        handleKeyPress(event, items, index);
+      };
+      blockItem.addEventListener("keydown", handler);
+      eventListenersMap.set(blockItem, handler);
+    }
+  });
+  function cleanup() {
+    blockItems.forEach((blockItem) => {
+      const handler = eventListenersMap.get(blockItem);
+      if (handler) {
+        blockItem.removeEventListener("keydown", handler);
+        eventListenersMap.delete(blockItem);
+      }
+    });
+  }
+  return { cleanup };
+}
+
+export { makeBlockAccessible };
+//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["/Users/macx/aria-ease/package/dist/src/block/index.js"],"names":["makeBlockAccessible"],"mappings":"AAAA,SAASA,mBAAmB,QAAQ,0BAA0B;AAC9D,OAAO,0BAA0B,CACjC,iCAAiC","sourcesContent":["export { makeBlockAccessible } from '../../chunk-4366LRNM.js';\nimport '../../chunk-RT5IROW4.js';\n//# sourceMappingURL=index.js.map\n"]}
+{"version":3,"sources":["../../../src/block/src/makeBlockAccessible/makeBlockAccessible.ts"],"names":[],"mappings":";;;AASA,IAAM,iBAAA,uBAAwB,GAAA,EAAiD;AAExE,SAAS,mBAAA,CAAoB,SAAiB,eAAA,EAAyB;AAC5E,EAAA,MAAM,QAAA,GAAwB,QAAA,CAAS,aAAA,CAAc,CAAA,CAAA,EAAI,OAAO,CAAA,CAAE,CAAA;AAClE,EAAA,IAAG,CAAC,QAAA,EAAU;AACZ,IAAA,OAAA,CAAQ,KAAA,CAAM,CAAA,6BAAA,EAAgC,OAAO,CAAA,mFAAA,CAAqF,CAAA;AAC1I,IAAA,OAAO,EAAE,SAAS,MAAM;AAAA,IAAC,CAAA,EAAE;AAAA,EAC7B;AAEA,EAAA,MAAM,UAAA,GAAoC,QAAA,CAAS,gBAAA,CAAiB,CAAA,CAAA,EAAI,eAAe,CAAA,CAAE,CAAA;AACzF,EAAA,IAAG,CAAC,UAAA,IAAc,UAAA,CAAW,MAAA,KAAW,CAAA,EAAG;AACzC,IAAA,OAAA,CAAQ,KAAA,CAAM,CAAA,gCAAA,EAAmC,eAAe,CAAA,gFAAA,CAAkF,CAAA;AAClJ,IAAA,OAAO,EAAE,SAAS,MAAM;AAAA,IAAC,CAAA,EAAE;AAAA,EAC7B;AAEA,EAAA,UAAA,CAAW,OAAA,CAAQ,CAAC,SAAA,KAAiC;AACnD,IAAA,IAAI,CAAC,iBAAA,CAAkB,GAAA,CAAI,SAAS,CAAA,EAAG;AACrC,MAAA,MAAM,OAAA,GAAU,CAAC,KAAA,KAAyB;AACxC,QAAA,MAAM,KAAA,GAAQ,QAAA,CAAS,gBAAA,CAAiB,CAAA,CAAA,EAAI,eAAe,CAAA,CAAE,CAAA;AAC7D,QAAA,MAAM,QAAQ,KAAA,CAAM,SAAA,CAAU,OAAA,CAAQ,IAAA,CAAK,OAAO,SAAS,CAAA;AAC3D,QAAA,cAAA,CAAe,KAAA,EAAO,OAAO,KAAK,CAAA;AAAA,MACpC,CAAA;AACA,MAAA,SAAA,CAAU,gBAAA,CAAiB,WAAW,OAAO,CAAA;AAC7C,MAAA,iBAAA,CAAkB,GAAA,CAAI,WAAW,OAAO,CAAA;AAAA,IAC1C;AAAA,EACF,CAAC,CAAA;AAED,EAAA,SAAS,OAAA,GAAgB;AACvB,IAAA,UAAA,CAAW,OAAA,CAAQ,CAAC,SAAA,KAAiC;AACnD,MAAA,MAAM,OAAA,GAAU,iBAAA,CAAkB,GAAA,CAAI,SAAS,CAAA;AAC/C,MAAA,IAAI,OAAA,EAAS;AACX,QAAA,SAAA,CAAU,mBAAA,CAAoB,WAAW,OAAO,CAAA;AAChD,QAAA,iBAAA,CAAkB,OAAO,SAAS,CAAA;AAAA,MACpC;AAAA,IACF,CAAC,CAAA;AAAA,EACH;AAEA,EAAA,OAAO,EAAE,OAAA,EAAQ;AACnB","file":"index.js","sourcesContent":["/** \n * Adds keyboard interaction to block. The block traps focus and can be interacted with using the keyboard.\n * @param {string} blockId The id of the block container.\n * @param {string} blockItemsClass The shared class of the elements that are children of the block.\n*/\n\nimport { NodeListOfHTMLElement } from \"../../../../Types\"\nimport { handleKeyPress } from \"../../../utils/handleKeyPress/handleKeyPress\";\n\nconst eventListenersMap = new Map<HTMLElement, (event: KeyboardEvent) => void>();\n\nexport function makeBlockAccessible(blockId: string, blockItemsClass: string) {\n  const blockDiv: HTMLElement = document.querySelector(`#${blockId}`) as HTMLElement\n  if(!blockDiv) {\n    console.error(`[aria-ease] Element with id=\"${blockId}\" not found. Make sure the block element exists before calling makeBlockAccessible.`);\n    return { cleanup: () => {} };\n  }\n\n  const blockItems: NodeListOfHTMLElement = blockDiv.querySelectorAll(`.${blockItemsClass}`);\n  if(!blockItems || blockItems.length === 0) {\n    console.error(`[aria-ease] Element with class=\"${blockItemsClass}\" not found. Make sure the block items exist before calling makeBlockAccessible.`);\n    return { cleanup: () => {} };\n  }\n\n  blockItems.forEach((blockItem: HTMLElement): void => {\n    if (!eventListenersMap.has(blockItem)) {\n      const handler = (event: KeyboardEvent) => {\n        const items = blockDiv.querySelectorAll(`.${blockItemsClass}`) as NodeListOf<HTMLElement>;\n        const index = Array.prototype.indexOf.call(items, blockItem);\n        handleKeyPress(event, items, index);\n      };\n      blockItem.addEventListener(\"keydown\", handler);\n      eventListenersMap.set(blockItem, handler);\n    }\n  });\n\n  function cleanup(): void {\n    blockItems.forEach((blockItem: HTMLElement): void => {\n      const handler = eventListenersMap.get(blockItem);\n      if (handler) {\n        blockItem.removeEventListener(\"keydown\", handler);\n        eventListenersMap.delete(blockItem);\n      }\n    });\n  };\n\n  return { cleanup }\n}"]}

package/dist/src/checkbox/index.cjs

@@ -1,19 +1,36 @@
 'use strict';
+
 // src/checkbox/src/updateCheckboxAriaAttributes/updateCheckboxAriaAttributes.ts
 function updateCheckboxAriaAttributes(checkboxId, checkboxesClass, checkboxStates, currentPressedCheckboxIndex) {
-    var checkboxDiv = document.querySelector("#".concat(checkboxId));
-    if (!checkboxDiv) {
-        throw new Error("Invalid checkbox main div id provided.");
+  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);
+      }
     }
-    var checkboxItems = Array.from(document.querySelectorAll(".".concat(checkboxesClass)));
-    if (checkboxItems.length === 0) {
-        throw new Error("Invalid checkboxes shared class provided.");
-    }
-    checkboxItems.forEach(function(checkbox, index) {
-        if (index === currentPressedCheckboxIndex) {
-            checkbox.setAttribute("aria-checked", checkboxStates[index].checked ? "true" : "false");
-        }
-    });
+  });
 }
-exports.updateCheckboxAriaAttributes = updateCheckboxAriaAttributes; //# sourceMappingURL=index.cjs.map
+
+exports.updateCheckboxAriaAttributes = updateCheckboxAriaAttributes;
+//# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"sources":["/Users/macx/aria-ease/package/dist/src/checkbox/index.cjs"],"names":[],"mappings":"AAAA","sourcesContent":["'use strict';\n\n// src/checkbox/src/updateCheckboxAriaAttributes/updateCheckboxAriaAttributes.ts\nfunction updateCheckboxAriaAttributes(checkboxId, checkboxesClass, checkboxStates, currentPressedCheckboxIndex) {\n  const checkboxDiv = document.querySelector(`#${checkboxId}`);\n  if (!checkboxDiv) {\n    throw new Error(\"Invalid checkbox main div id provided.\");\n  }\n  const checkboxItems = Array.from(document.querySelectorAll(`.${checkboxesClass}`));\n  if (checkboxItems.length === 0) {\n    throw new Error(\"Invalid checkboxes shared class provided.\");\n  }\n  checkboxItems.forEach((checkbox, index) => {\n    if (index === currentPressedCheckboxIndex) {\n      checkbox.setAttribute(\"aria-checked\", checkboxStates[index].checked ? \"true\" : \"false\");\n    }\n  });\n}\n\nexports.updateCheckboxAriaAttributes = updateCheckboxAriaAttributes;\n//# sourceMappingURL=index.cjs.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.cjs","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/checkbox/index.d.cts

@@ -1,4 +1,4 @@
-import { C as CheckboxStates } from '../../Types.d-p85gN5m_.cjs';
+import { C as CheckboxStates } from '../Types.d-BbztRe-S.cjs';
 
 /**
  * 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.

package/dist/src/checkbox/index.d.ts

@@ -1,4 +1,4 @@
-import { C as CheckboxStates } from '../../Types.d-p85gN5m_.js';
+import { C as CheckboxStates } from '../Types.d-BbztRe-S.js';
 
 /**
  * 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.